@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800;900&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf8;--surface:#fff;--surface-soft:#fff7ed;--line:#e5e7eb;--line-strong:#ffd7ba;--text:#111827;--muted:#6b7280;--muted-soft:#9ca3af;--accent:#f97316;--accent-strong:#ff5f0f;--accent-soft:#f973161a;--accent-glow:#f9731638;--shadow:0 18px 60px #11182714;--shadow-strong:0 26px 90px #11182724;--radius:28px;--page-gradient:radial-gradient(circle at top left, #f9731621, transparent 30rem), radial-gradient(circle at 80% 0%, #ffb34726, transparent 28rem), linear-gradient(135deg, #fafaf8 0%, #fff 52%, #fff7ed 100%)}*{box-sizing:border-box}html{background:var(--bg);scrollbar-gutter:stable;min-height:100%}body{min-height:100vh;color:var(--text);background:var(--page-gradient);margin:0;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{border:0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:760px;margin-bottom:12px;font-size:clamp(38px,6vw,76px);font-weight:800;line-height:.94}h2{letter-spacing:-.03em;margin-bottom:10px;font-size:24px;font-weight:800}p{color:var(--muted);line-height:1.55}input,select,textarea{border:1px solid var(--line);width:100%;min-height:50px;color:var(--text);background:var(--surface);border-radius:17px;outline:none}input{padding:0 15px}textarea{resize:vertical;min-height:130px;padding:14px 15px;line-height:1.45}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 22px) 22px,calc(100% - 16px) 22px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding:0 42px 0 15px}input::placeholder,textarea::placeholder{color:var(--muted-soft)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.app-shell{width:100%;min-height:100vh;padding:28px max(16px,50vw - 720px) 56px}.app-shell-loading{visibility:hidden}.glass{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0}.topbar{z-index:1000;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;max-width:1440px;min-height:72px;margin:0 auto 24px;padding:10px 0;display:grid;position:relative}.brand{color:var(--text);justify-self:start;align-items:center;gap:10px;line-height:1;text-decoration:none;display:inline-flex}.brand-home{color:inherit;cursor:pointer;text-align:left;background:0 0;align-items:center;padding:0;line-height:0;display:inline-flex}.brand-powered{display:block}.brand-logo{width:clamp(76px,8vw,104px);height:auto;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));width:30px;height:30px;box-shadow:0 10px 22px var(--accent-glow);border-radius:10px;place-items:center;font-size:12px;display:inline-grid}.brand strong,.brand small{display:block}.brand strong{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:900;line-height:1.1}.brand small{color:var(--muted);font-size:12px;font-weight:800}.brand small a{color:inherit;text-decoration:none}.brand small a:hover{color:var(--accent)}.tab-list{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #e5e7ebdb;border-radius:999px;justify-self:center;gap:8px;padding:6px;display:flex;position:static;box-shadow:0 14px 38px #1118270f}.tab{min-width:84px;min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:0 14px;font-weight:850}.runway-key-button{border:1px solid var(--line);min-width:74px;min-height:42px;color:var(--muted);box-shadow:var(--shadow);cursor:pointer;background:#ffffffeb;border-radius:999px;align-content:center;justify-self:end;justify-items:center;gap:2px;padding:0 13px;font-weight:900;display:grid}.runway-key-button span{color:var(--accent);text-transform:uppercase;font-size:12px;line-height:1}.runway-key-button small{font-size:10px;line-height:1}.runway-key-button.active{color:#9a3412;background:#fff7ed;border-color:#ffd7baf2}.discord-button{border:1px solid var(--line);color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#5865f2,#3347d9);border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:12px;font-weight:950;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 14px 34px #5865f238}.discord-button:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 18px 40px #5865f24d}.topbar-actions{justify-self:end;align-items:center;gap:10px;display:inline-flex}.auth-entry-button,.account-chip,.account-chip-main,.account-signout{border:1px solid var(--line);min-height:42px;box-shadow:var(--shadow);background:#ffffffeb;border-radius:999px}.auth-entry-button{color:var(--accent);cursor:pointer;padding:0 16px;font-weight:900}.auth-entry-button:disabled{cursor:default;opacity:.62}.account-chip{align-items:center;display:inline-flex;overflow:hidden}.learning-language-picker{z-index:1001;align-items:center;display:inline-flex;position:relative}.learning-language-toggle{border:1px solid var(--line);width:42px;min-width:42px;height:42px;box-shadow:var(--shadow);cursor:pointer;background:#ffffffeb;border-radius:999px;place-items:center;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-grid}.learning-language-toggle:hover,.learning-language-picker.open .learning-language-toggle{border-color:#ffd7ba;transform:translateY(-1px);box-shadow:0 14px 30px #f9731624}.learning-language-toggle .app-language-flag{width:30px;height:30px}.learning-language-menu{z-index:10000;min-width:54px;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #e5e7ebe6;border-radius:18px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.learning-language-menu button{cursor:pointer;background:0 0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.learning-language-menu button .app-language-flag{width:28px;height:28px}.learning-language-menu button:hover,.learning-language-menu button.selected{background:#fff0e4}.learning-language-menu button.selected{box-shadow:inset 0 0 0 1px #ffd7ba}.account-chip-main{max-width:160px;box-shadow:none;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 10px 0 6px;display:inline-flex}.account-chip-main span{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:999px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:inline-grid}.account-chip-main small{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;overflow:hidden}.account-signout{color:var(--muted);box-shadow:none;cursor:pointer;border-width:0 0 0 1px;border-radius:0;padding:0 12px;font-size:12px;font-weight:850}.runway-key-dialog-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a38;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.runway-key-dialog{gap:18px;width:min(100%,460px);padding:24px;display:grid}.runway-key-dialog strong{letter-spacing:-.04em;margin-bottom:6px;font-size:24px;display:block}.runway-key-dialog p{color:var(--muted);margin:0;font-size:14px;font-weight:750;line-height:1.35}.runway-key-dialog label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;gap:8px;font-size:12px;font-weight:900;display:grid}.runway-key-dialog input{text-transform:none;min-height:52px}.runway-key-privacy-note{color:#9a3412;background:#fff7ed;border:1px solid #ffe2cc;border-radius:18px;gap:4px;padding:14px 16px;font-size:13px;font-weight:750;line-height:1.35;display:grid}.runway-key-privacy-note b{color:#c75000;letter-spacing:.05em;text-transform:uppercase;font-size:12px}.runway-key-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.auth-dialog{width:min(100%,430px)}.auth-alert{border-radius:16px;padding:12px 14px;font-size:13px;font-weight:750;line-height:1.35}.auth-alert.error{color:#991b1b;background:#fff1f2;border:1px solid #fecaca}.auth-alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.auth-mode-toggle{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:750;display:flex}.inline-text-button{color:var(--accent);cursor:pointer;background:0 0;padding:0;font-weight:900}.tab.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 10px 24px var(--accent-glow)}.cat-tour-highlight{z-index:10;outline-offset:5px;outline:3px solid #ff6b17f2;animation:.65s ease-in-out infinite cat-tour-pulse;position:relative}.button{min-height:48px;color:var(--text);background:var(--surface-soft);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:850;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.button:hover{background:#fff1e6;transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.62;transform:none}.button.primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 14px 34px var(--accent-glow)}.button.ghost{color:var(--accent-strong);background:#fff7ed}.section-kicker,.pill{border:1px solid var(--line-strong);width:fit-content;color:var(--accent);background:var(--accent-soft);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;font-size:12px;font-weight:850;display:inline-flex}.section-kicker{margin-bottom:12px;padding:7px 10px}.pill{padding:6px 9px}.home-page,.create-page,.browse-page,.example-app-page,.use-cases-page{gap:18px;max-width:1440px;margin:0 auto;display:grid}.home-page{gap:28px}.home-dashboard-top{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #e5e7ebdb;border-radius:30px;grid-template-columns:minmax(118px,auto) minmax(250px,1fr) minmax(300px,auto);align-items:center;gap:22px;padding:22px 32px;display:grid}.home-streak-summary,.home-week-card{gap:8px;display:grid}.home-streak-summary strong{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:900;display:inline-flex}.home-streak-summary img{object-fit:contain;width:30px;height:30px}.home-streak-summary.inactive{filter:grayscale();opacity:.62}.home-week-days{grid-template-columns:repeat(7,minmax(28px,1fr));gap:9px;display:grid}.home-week-day{color:var(--muted);justify-items:center;gap:8px;font-size:12px;font-weight:850;display:grid}.home-week-day i{color:#fff;background:#e5e7eb;border-radius:999px;place-items:center;width:18px;height:18px;font-size:11px;font-style:normal;line-height:1;display:grid}.home-week-day.completed i{background:var(--accent)}.home-week-day.today i{border:2px solid var(--accent);background:0 0}.home-week-day.future i{background:#e5e7eb}.home-summary-stats{border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(132px,1fr));gap:14px;padding-left:20px;display:grid}.home-summary-stats div{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.home-summary-stats span,.home-stat-icon{color:var(--text);grid-row:span 2;font-size:21px}.home-stat-icon{width:21px;height:21px}.home-summary-stats strong{color:var(--text);letter-spacing:-.04em;font-size:24px;line-height:1}.home-summary-stats small{color:var(--muted);font-size:11px;font-weight:850}.home-next-lesson{display:block}.home-next-card{color:#fff;min-height:330px;box-shadow:var(--shadow-strong);background:radial-gradient(circle at 20% 10%,#f9731657,#0000 26rem),radial-gradient(circle at 92% 0,#7c3aed59,#0000 24rem),linear-gradient(135deg,#111827f5,#0f172aeb);border-radius:26px;grid-template-columns:minmax(280px,.95fr) minmax(320px,.88fr) minmax(340px,1fr);gap:32px;padding:34px 40px 34px 34px;display:grid;position:relative;overflow:hidden}.home-next-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#11182705 0%,#111827b8 34%,#111827f5 58% 100%),linear-gradient(#0000,#11182766);position:absolute;inset:0}.home-hero-media,.home-next-copy,.home-comprehension-panel{z-index:1;position:relative}.home-hero-media{width:58%;position:absolute;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 0% 28%,#00000075 42%,#0000 60%);mask-image:linear-gradient(90deg,#000 0% 28%,#00000075 42%,#0000 60%)}.home-hero-media:after{content:"";background:linear-gradient(90deg,#0000 0%,#1118277a 38%,#111827f5 64%),linear-gradient(#11182714,#1118276b);position:absolute;inset:0}.home-hero-media video{object-fit:cover;object-position:center;width:100%;height:100%}.home-next-copy{grid-column:2;align-content:center;min-height:260px;margin-left:-24px;display:grid}.home-section-kicker{color:#fff;letter-spacing:-.04em;align-items:center;gap:8px;margin-bottom:12px;font-size:20px;font-weight:900;display:inline-flex}.home-section-kicker:after{color:var(--accent);content:"✦"}.home-next-copy small,.home-comprehension-panel small{color:#ffffffb8;font-weight:850}.home-next-copy h1{color:#fff;letter-spacing:-.06em;margin-bottom:14px;font-size:clamp(32px,3.2vw,48px);line-height:.96}.home-next-copy p{color:#ffffffd1;max-width:520px;margin-bottom:20px;font-size:16px;font-weight:800;line-height:1.35}.home-next-situation{grid-template-columns:clamp(260px,30vw,430px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.home-next-situation video{object-fit:cover;object-position:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;width:100%;height:clamp(245px,23vw,285px);min-height:190px;display:block;box-shadow:0 24px 60px #0000003d}.home-next-situation>div{align-content:start;display:grid}.home-next-situation h1{color:#fff;letter-spacing:-.06em;margin-bottom:10px;font-size:clamp(26px,3vw,42px);line-height:.96}.home-next-situation p{color:#ffffffc7;max-width:520px;margin-bottom:16px;font-weight:800}.home-next-tags,.home-card-tags,.home-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.home-next-tags span,.home-card-tags span{color:#ffffffd1;background:#ffffff1f;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.home-next-button{border-radius:18px;justify-self:start;min-width:270px;min-height:58px;margin-top:24px;font-size:17px}.home-comprehension-panel{box-shadow:none;background:0 0;grid-column:3;align-content:center;align-self:stretch;gap:28px;margin-block:0;padding:18px 0;display:grid}.home-comprehension-panel>strong{color:#fff;letter-spacing:-.02em;font-size:14px;font-weight:900}.home-comprehension-panel>strong span{color:#ffffffb8}.home-lesson-steps{grid-template-columns:repeat(5,1fr);gap:12px;margin:0;display:grid;position:relative}.home-lesson-steps:before{content:"";background:#ffffff29;border-radius:999px;height:3px;position:absolute;top:17px;left:20px;right:20px}.home-lesson-steps div{z-index:1;justify-items:center;gap:9px;min-width:0;display:grid;position:relative}.home-lesson-steps div>span{color:#fff9;background:#111827e6;border:2px solid #ffffff2e;border-radius:999px;justify-self:center;place-items:center;width:36px;height:36px;font-size:13px;font-weight:950;display:grid}.home-lesson-steps div.complete>span{color:#fff;background:#22c55ed1;border-color:#22c55e}.home-lesson-steps div.current>span{border-color:var(--accent);color:var(--accent)}.home-lesson-steps div>small{color:#ffffffc7;font-size:12px;font-weight:850}.home-progress-note{color:#ffffffd1;background:#ffffff0f;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;max-width:470px;padding:18px 22px;display:grid}.home-progress-note span{color:var(--accent);font-size:28px}.home-progress-note p{color:inherit;margin:0;font-size:14px;font-weight:800;line-height:1.35}.home-recommended-section,.home-interest-panel,.home-trending-panel,.home-tag-progress{gap:18px;display:grid}.home-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.home-section-heading h2{margin-bottom:4px;font-size:22px}.home-section-heading p{color:var(--muted);margin-bottom:0;font-size:14px;font-weight:750}.home-section-heading button,.home-filter-pills button{color:var(--muted);cursor:pointer;background:0 0;font-size:13px;font-weight:900}.home-section-heading.compact h2{font-size:18px}.home-filter-pills{justify-content:flex-end}.home-filter-pills button{border:1px solid var(--line);background:#fff;border-radius:999px;min-height:36px;padding:0 14px;box-shadow:0 10px 30px #1118270a}.home-filter-pills button.active{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 14px 28px var(--accent-glow);border-color:#0000}.home-video-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.home-video-tile a{height:100%;min-height:430px;color:var(--text);box-shadow:var(--shadow);background:#fff;border:1px solid #e5e7ebd6;border-radius:22px;grid-template-rows:auto 1fr;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;overflow:hidden}.home-video-tile a:hover,.home-interest-card:hover,.home-tag-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-4px)}.home-video-thumbnail{aspect-ratio:16/10;background:#111827;position:relative;overflow:hidden}.home-video-thumbnail video,.home-interest-card video,.home-trending-list video{object-fit:cover;width:100%;height:100%}.home-video-comprehension,.home-video-duration{border-radius:999px;font-size:11px;font-weight:950;position:absolute}.home-video-comprehension{color:#166534;background:#dcfce7f2;padding:7px 9px;top:12px;left:12px}.home-video-duration{color:#fff;background:#111827c7;padding:6px 8px;bottom:12px;right:12px}.home-video-tile-copy{grid-template-rows:44px 58px 38px auto 42px;gap:10px;padding:18px;display:grid}.home-video-tile-copy strong{letter-spacing:-.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;line-height:1.05;display:-webkit-box;overflow:hidden}.home-video-tile-copy p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;font-size:13px;font-weight:750;line-height:1.35;display:-webkit-box;overflow:hidden}.home-card-tags{align-content:start;overflow:hidden}.home-card-tags span{color:#334155;background:#f8fafc}.home-video-metrics{color:var(--muted);grid-template-columns:1fr 1fr;align-self:end;gap:0;font-size:12px;font-weight:850;display:grid}.home-video-metrics span{text-align:center;white-space:nowrap;min-width:0}.home-video-metrics span+span{border-left:1px solid var(--line);color:#64748b}.home-video-metrics .low{color:#16a34a}.home-video-metrics .medium{color:#ca8a04}.home-video-metrics .high{color:#dc2626}.home-video-tile-copy b{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));min-height:42px;box-shadow:0 14px 28px var(--accent-glow);border-radius:999px;justify-content:center;align-self:end;align-items:center;font-size:13px;display:inline-flex}.home-discovery-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr) minmax(260px,.84fr);gap:22px;display:grid}.home-interest-panel,.home-trending-panel,.home-create-card,.home-tag-progress{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #e5e7ebd1;border-radius:24px;padding:22px}.home-interest-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.home-interest-card{color:#fff;background:#111827;border-radius:18px;min-height:168px;text-decoration:none;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.home-interest-card:after{content:"";background:linear-gradient(#11182714,#111827c7);position:absolute;inset:0}.home-interest-card span,.home-interest-card small{z-index:1;position:absolute;left:12px}.home-interest-card span{font-size:16px;font-weight:950;bottom:32px}.home-interest-card small{color:#ffffffc7;font-size:12px;font-weight:850;bottom:14px}.home-empty-discovery{border:1px dashed var(--line);min-height:168px;color:var(--muted);text-align:center;background:#f8fafc;border-radius:18px;grid-column:1/-1;place-items:center;font-size:13px;font-weight:850;display:grid}.home-trending-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.home-trending-list li{grid-template-columns:18px 44px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.home-trending-list span{color:var(--muted);font-size:12px;font-weight:950}.home-trending-list video{background:#111827;border-radius:10px;width:44px;height:44px}.home-trending-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.home-trending-list b{color:#16a34a;font-size:12px}.home-create-card{color:#fff;background:radial-gradient(circle at 78% 22%,#ffffff38,#0000 8rem),linear-gradient(135deg,#7c3aed,#4f46e5);align-content:space-between;min-height:100%;display:grid}.home-create-card h2{color:#fff;margin-bottom:10px;font-size:24px}.home-create-card p{color:#ffffffd1;font-weight:800}.home-create-card .button.primary{background:linear-gradient(135deg, #fb923c, var(--accent-strong))}.home-tag-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.home-tag-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 12px 30px #1118270a}.home-tag-card>span{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:12px;place-items:center;font-size:11px;font-weight:950;display:inline-grid}.home-tag-card strong,.home-tag-card small{display:block}.home-tag-card strong{font-size:13px;line-height:1.1}.home-tag-card small{color:var(--muted);font-size:11px;font-weight:850}.home-tag-card b{color:var(--text);font-size:12px}.home-tag-meter{background:#f1f5f9;border-radius:999px;grid-column:1/-1;height:7px;overflow:hidden}.home-tag-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #facc15);height:100%;display:block}@media (max-width:1100px){.home-next-card,.home-discovery-grid{grid-template-columns:1fr}.home-hero-media{border-radius:20px;grid-column:1;width:100%;height:240px;position:relative;inset:auto;overflow:hidden}.home-next-copy,.home-comprehension-panel{grid-column:1}.home-next-situation{grid-template-columns:clamp(260px,38vw,360px) minmax(0,1fr)}.home-comprehension-panel{margin-block:0}.home-video-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tag-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.use-cases-page{--use-case-video-width:300px}.page-panel-hidden{display:none}.gallery-hero{gap:8px;padding:0 22px 16px;display:grid}.gallery-hero h1{letter-spacing:-.055em;margin-bottom:8px;font-size:clamp(34px,4vw,48px);line-height:1}.gallery-hero p{max-width:760px;color:var(--muted);margin-bottom:0;font-size:15px;font-weight:700}.search-hero{text-align:center;justify-items:center;gap:18px;padding:18px 0 10px;display:grid}.search-hero h1{letter-spacing:-.055em;white-space:nowrap;max-width:none;margin-bottom:0;font-size:clamp(40px,5vw,64px);font-weight:800}.search-hero h1 span{color:var(--accent)}.search-box{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(100%,640px);display:grid}.create-grid{--preview-card-width:min(480px, calc((100vw - 72px - 26px) * .41));--preview-info-height:0px;--preview-card-height:calc(var(--preview-card-width) * 16 / 9);grid-template-columns:minmax(340px, var(--preview-card-width)) minmax(580px, 700px);grid-auto-rows:var(--preview-card-height);justify-content:center;align-items:start;gap:26px;display:grid}.create-grid>*{min-width:0;min-height:0;overflow:hidden}.video-stage,.tool-reserved{height:var(--preview-card-height);min-height:0}.video-stage{grid-template-rows:minmax(0,1fr);align-content:start;justify-self:end;width:100%;display:grid;overflow:visible}.video-stage-intro{grid-template-rows:minmax(0,1fr)}.video-stage-intro .video-frame{aspect-ratio:auto;height:100%}.video-frame{aspect-ratio:9/16;width:100%;max-width:none;height:100%;box-shadow:none;background:#111827;border:0;border-radius:32px;position:relative;overflow:visible}.video-frame video{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.promo-video-frame{transition:opacity .65s,filter .65s}.promo-video-frame-fading{opacity:0;filter:blur(10px)}.promo-intro-video{background:#111827}.intro-play-overlay{z-index:6;color:#fff;cursor:pointer;letter-spacing:-.02em;border-radius:inherit;background:linear-gradient(#0f172a2e,#0f172ab8);align-content:center;place-items:center;gap:14px;font-size:18px;font-weight:900;display:grid;position:absolute;inset:0}.intro-play-overlay span{background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:999px;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 18px 44px #ff6b1761}.video-open-button{z-index:4;width:38px;height:38px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-radius:50%;place-items:center;font-size:18px;font-weight:900;line-height:1;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 12px 30px #1118272e}.video-open-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 16px 36px #11182738}.video-generating-state{border-radius:inherit;color:#fff;text-align:center;background:radial-gradient(circle at 50% 35%,#f9731633,#0000 16rem),#1f2937;align-content:center;place-items:center;gap:12px;height:100%;display:grid;overflow:hidden}.confirmation-card .confirmation-actions{grid-template-columns:1fr}.video-generating-state strong{letter-spacing:-.04em;font-size:28px}.video-generating-state small{color:#ffffffb8;max-width:280px;font-weight:800}.video-generating-state em{color:#ffffffd1;font-size:13px;font-style:normal;font-weight:900}.generation-progress{background:#ffffff29;border-radius:999px;width:min(220px,70%);height:9px;overflow:hidden}.generation-progress span{border-radius:inherit;background:linear-gradient(90deg, #ffd7ba, var(--accent));height:100%;transition:width .35s;display:block}.example-video-badge{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-width:calc(100% - 108px);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;background:#fff7edeb;border:1px solid #ffd7bacc;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:900;position:absolute;top:16px;left:16px;overflow:hidden;box-shadow:0 18px 48px #1118272e}.home-video-subtitles{z-index:3;color:#fff;text-align:center;text-shadow:0 3px 18px #000000e6,0 1px 2px #000000d9;pointer-events:none;justify-items:center;gap:7px;display:grid;position:absolute;top:82%;left:24px;right:24px;transform:translateY(-50%)}.home-video-subtitles strong{letter-spacing:-.055em;font-size:clamp(30px,4.4vw,48px);line-height:.98}.home-video-subtitles span{background:#0f172a80;border-radius:999px;max-width:92%;padding:7px 12px;font-size:clamp(15px,1.8vw,19px);font-weight:800;line-height:1.15}.home-video-actions{z-index:4;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}.home-video-info-toggle,.home-video-arrow{min-height:38px;color:var(--accent);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#fff7edf5;border:1px solid #ffd7bae6;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 12px 30px #ff6b1733}.home-video-info-toggle{padding:0 14px}.home-video-arrow{place-items:center;width:38px;padding:0;font-size:18px;line-height:1;display:grid}.home-video-arrow:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.home-video-info-toggle:not(:disabled):hover,.home-video-arrow:not(:disabled):hover{background:#fff;transform:translateY(-1px)}.home-video-info-overlay{z-index:3;background:linear-gradient(#fffffff5,#fffffffc);border-radius:28px 28px 0 0;max-height:48%;padding:22px 22px 62px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -24px 60px #0f172a3d}.generated-video-subtitle{overscroll-behavior:contain;width:100%;min-height:0;color:var(--text);align-content:start;gap:8px;padding:16px 20px 18px;display:grid;overflow-y:auto}.generated-video-subtitle .card-tags span{min-height:24px;padding:5px 8px;font-size:10px}.generated-video-subtitle strong{letter-spacing:-.065em;margin-bottom:-3px;font-size:clamp(29px,3vw,38px);line-height:1}.lesson-meaning-line{flex-wrap:wrap;align-items:baseline;gap:5px 8px;margin-bottom:6px;display:flex}.lesson-meaning-line em{color:#667085;font-size:clamp(13px,1.3vw,15px);font-style:normal;font-weight:900;line-height:1}.lesson-meaning-line em:after{color:#98a2b3;content:"•";margin-left:8px}.generated-video-subtitle p{max-width:100%;color:var(--text);margin:0;font-size:clamp(13px,1.3vw,15px);font-weight:950;line-height:1.25}.lesson-detail-row{border-top:1px solid #eceff3;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;padding:11px 0 3px;display:grid}.lesson-detail-icon{border:1.5px solid var(--accent);width:22px;height:22px;color:var(--accent);border-radius:6px;place-items:center;font-size:11px;font-weight:900;line-height:1;display:grid}.lesson-detail-row span:last-child{gap:6px;display:grid}.lesson-detail-row small{color:var(--accent);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:900}.lesson-detail-row b{color:var(--text);font-size:clamp(14px,1.45vw,16px);font-weight:850;line-height:1.25}.subtitle-lines{gap:5px;display:grid}.subtitle-lines span{display:block}.breakdown-section{border-top:1px solid #eceff3;gap:8px;padding-top:11px;display:grid}.breakdown-section>small,.browse-breakdown>small{color:var(--accent);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:900}.breakdown-section>div,.browse-breakdown{gap:6px;display:grid}.breakdown-section span,.browse-breakdown span{color:var(--muted);grid-template-columns:minmax(54px,auto) minmax(0,1fr);align-items:baseline;gap:10px;font-size:13px;line-height:1.25;display:grid}.breakdown-section b,.browse-breakdown b{color:var(--text);font-weight:900}.breakdown-section em,.browse-breakdown em{color:var(--muted);font-style:normal;font-weight:750}.breakdown-section em:before,.browse-breakdown em:before{content:"- "}.tool-reserved{align-content:start;display:grid}.tool-reserved h2{font-size:clamp(30px,4vw,48px);line-height:1}.placeholder-card{border:1px dashed var(--line-strong);background:radial-gradient(circle at 50% 25%, #f9731621, transparent 14rem), var(--surface-soft);text-align:center;border-radius:24px;align-content:center;gap:12px;min-height:360px;margin-top:24px;padding:22px;display:grid}.placeholder-card span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.placeholder-card strong{color:var(--text);letter-spacing:-.06em;font-size:clamp(28px,5vw,52px);line-height:1}.placeholder-card p{max-width:420px;margin:0 auto}.creation-panel-stack{height:var(--preview-card-height);min-height:0;position:relative;overflow:visible}.create-grid>.creation-panel-stack{overflow:visible}.creation-chat-panel{z-index:2;background:#fffffff0;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:18px;height:100%;min-height:0;padding:clamp(24px,3vw,34px);position:relative;overflow:hidden;container-type:inline-size}.cat-tour-panel-highlight{animation:.65s ease-in-out infinite cat-tour-panel-pulse}.loki-cat-peek{z-index:1;cursor:pointer;filter:drop-shadow(0 18px 24px #0f172a2e);background:0 0;border:0;width:135px;height:auto;padding:0;animation:63s ease-in-out infinite loki-peek;position:absolute;bottom:18px;left:100%;transform:translate(-100%)}.loki-cat-peek img{width:100%;height:auto;display:block}.loki-cat-peek.loki-paused{animation-play-state:paused}.loki-chat-bubble{z-index:4;color:#7c2d12;pointer-events:none;transform-origin:0 100%;background:#fff7edfa;border:1px solid #ffd7baf2;border-radius:18px 18px 18px 6px;max-width:170px;padding:12px 14px;font-size:13px;font-weight:900;line-height:1.15;animation:5s ease-in-out both loki-bubble-pop;position:absolute;bottom:148px;right:-126px;box-shadow:0 18px 42px #7c2d1229}@keyframes loki-peek{0%,95.2%,to{transform:translate(-100%)}96.5%,99%{transform:translate(0)}}@keyframes loki-bubble-pop{0%{opacity:0;transform:translate(-8px,8px)scale(.78)}10%,86%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-4px,6px)scale(.9)}}.creation-chat-panel h2{color:#0f172a;letter-spacing:-.065em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;font-size:clamp(28px,2.35vw,34px);line-height:.96;overflow:hidden}.confirmation-card,.generation-card,.loading-card,.feedback-card,.acceptance-card,.prompt-preview-card,.creation-error{border:1px solid var(--line);background:var(--surface-soft);border-radius:20px}.creation-chat-header{gap:10px;min-height:0;display:grid}.creation-title-row{grid-template-columns:minmax(190px,1fr) auto;align-items:center;gap:12px;display:grid}.creation-chat-header small{color:#667085;max-width:none;font-size:14px;line-height:1.45;display:block}.creation-chat-header small strong{color:#475467}@container (max-width:500px){.creation-title-row{grid-template-columns:1fr;gap:8px}.creation-header-actions{justify-self:start}.creation-chat-panel h2{text-overflow:clip;white-space:normal}}.creation-header-actions{justify-self:end;align-items:center;gap:12px;display:inline-flex}.duration-select-label{color:#d86a1f;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#fff7ef;border:1px solid #ffe2cc;border-radius:28px;align-items:center;gap:0;min-height:52px;padding:0;font-size:12px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 14px 36px #f973161a}.duration-select-label span{align-items:center;min-height:52px;padding:0 16px;display:inline-flex}.duration-select-label span:after{content:"";background:#f8d9c5;width:1px;height:24px;display:block;position:absolute;top:50%;left:80px;transform:translateY(-50%)}.duration-toggle{min-width:88px;min-height:52px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-align:left;background:0 0;border:0;outline:none;justify-content:space-between;align-items:center;gap:16px;padding:0 18px 0 24px;display:inline-flex}.duration-toggle b{font-size:15px}.duration-toggle i{border-top:3px solid;border-left:3px solid;width:12px;height:12px;transition:transform .16s;transform:translateY(3px)rotate(45deg)}.duration-select-label:not(.open) .duration-toggle i{transform:translateY(-2px)rotate(225deg)}.duration-toggle:disabled{cursor:not-allowed;opacity:.65}.duration-menu{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #e5e7ebdb;border-radius:22px;gap:0;width:210px;padding:12px;display:grid;position:absolute;top:calc(100% + 4px);right:-34px;overflow:hidden;box-shadow:0 22px 56px #11182724}.duration-menu button{min-height:54px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:14px;grid-template-columns:34px 1fr 24px;align-items:center;gap:10px;padding:0 12px;font-size:17px;font-weight:850;display:grid}.duration-menu button+button{border-top:1px solid #eceff3;border-radius:0}.duration-menu button:hover{color:#e16410;background:radial-gradient(circle at 20% 30%,#f973161a,#0000 14rem),#fff7ef}.duration-menu button:hover+button{border-top-color:#0000}.duration-option-icon{color:currentColor;font-size:18px;display:inline-flex;min-height:0!important;padding:0!important}.duration-option-icon:after{content:none!important}.duration-option-check{color:#e16410;justify-content:end;font-size:21px;line-height:1;display:inline-flex;min-height:0!important;padding:0!important}.duration-option-check:after{content:none!important}.creation-status-pill{color:#d86a1f;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#fff7ef;border:1px solid #ffe2cc;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:128px;min-height:52px;padding:0 18px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 14px 28px #f9731617}.creation-scroll-area{overscroll-behavior:contain;align-content:start;gap:16px;height:100%;min-height:0;max-height:100%;padding-right:4px;display:grid;overflow-y:auto}.creation-divider{color:#f2a36f;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;display:grid}.creation-divider:before,.creation-divider:after{content:"";border-top:1px dashed #e6e0da;height:1px}.creation-divider span{font-size:22px;line-height:1}.creation-chat-log{flex-direction:column;gap:14px;display:flex}.creation-chat-bubble{overflow-wrap:anywhere;color:#101828;background:#fff7ef;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;min-width:0;max-width:100%;padding:18px;font-size:14px;line-height:1.45;display:grid;overflow-x:hidden}.creation-chat-bubble.user{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));align-self:flex-end;max-width:88%;display:block}.creation-chat-bubble p{min-width:0;color:inherit;overflow-wrap:anywhere;word-break:normal;margin:0}.creation-chat-bubble>span:last-child{white-space:pre-wrap}.creation-chat-bubble p+p{margin-top:.7em}.creation-chat-bubble strong{font-weight:900}.assistant-sparkle,.input-sparkle{background:#fff1df;border-radius:50%;place-items:center;width:38px;height:38px;display:inline-grid}.chatgpt-mark:before{content:"";background-color:#f97316;width:21px;height:21px;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 4.1a4.2 4.2 0 0 1 7.6 1.9 4.2 4.2 0 0 1 4.4 6.6 4.2 4.2 0 0 1-3.8 6.3 4.2 4.2 0 0 1-7.6-1.9 4.2 4.2 0 0 1-4.4-6.6A4.2 4.2 0 0 1 8.5 4.1Z'/%3E%3Cpath d='M8.9 17V9.2l6.7-3.9'/%3E%3Cpath d='m5 10.2 6.8 3.9 6.8-3.9'/%3E%3Cpath d='M15.1 7v7.8l-6.7 3.9'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 4.1a4.2 4.2 0 0 1 7.6 1.9 4.2 4.2 0 0 1 4.4 6.6 4.2 4.2 0 0 1-3.8 6.3 4.2 4.2 0 0 1-7.6-1.9 4.2 4.2 0 0 1-4.4-6.6A4.2 4.2 0 0 1 8.5 4.1Z'/%3E%3Cpath d='M8.9 17V9.2l6.7-3.9'/%3E%3Cpath d='m5 10.2 6.8 3.9 6.8-3.9'/%3E%3Cpath d='M15.1 7v7.8l-6.7 3.9'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat}.loading-bubble{align-items:center}.mini-spinner{border:2px solid #ffd7ba;border-top-color:var(--accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.9s linear infinite spin}.confirmation-card,.generation-card,.loading-card,.feedback-card,.acceptance-card,.prompt-preview-card{gap:12px;padding:14px;display:grid}.confirmation-card>strong,.generation-card>strong,.loading-card>strong,.feedback-card>strong,.acceptance-card>strong,.prompt-preview-card>strong{color:var(--text)}.acceptance-card p{color:var(--muted);margin:0;font-size:13px;font-weight:800;line-height:1.4}.generation-card span,.generation-card small{color:var(--muted);font-size:12px;font-weight:850}.generation-card .generation-progress{background:#f973161f;width:100%}.prompt-preview-card pre{border:1px solid var(--line);max-height:180px;color:var(--text);white-space:pre-wrap;background:#1118270a;border-radius:14px;margin:0;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;overflow:auto}.prompt-preview-card small{color:var(--muted)}.confirmation-list{gap:8px;display:grid}.confirmation-list span{color:var(--text);gap:3px;font-size:13px;line-height:1.35;display:grid}.confirmation-list em{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:900}.confirmation-actions,.feedback-actions,.creation-chat-form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.creation-chat-form{background:#fffffff5;border:1px solid #d7dce3;border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:0;margin-top:0;padding:12px;position:relative;box-shadow:0 22px 55px #0f172a1a}.creation-chat-form input{color:#101828;background:0 0;border:0;border-radius:0;min-height:60px;padding:0;font-size:clamp(15px,1.7vw,18px)}.creation-chat-form input:focus{box-shadow:none}.creation-chat-form input:disabled{opacity:1;-webkit-text-fill-color:#101828}.creation-chat-form .button{border-radius:16px;min-height:64px;padding:0 28px;font-size:17px;font-weight:900}.cat-tour-send-tap{isolation:isolate;animation:.42s ease-in-out 2 cat-tour-send-tap;position:relative;overflow:hidden}.cat-tour-send-tap:after{content:"";z-index:1;pointer-events:none;border:2px solid #fffffff5;border-radius:999px;width:16px;height:16px;animation:.6s ease-out 2 cat-tour-click-ripple;position:absolute;top:50%;right:28px;transform:translate(50%,-50%)scale(.2);box-shadow:0 0 #ffffff8a,0 0 #ffffff4d}.cat-tour-cursor{z-index:5;color:#fff;filter:drop-shadow(0 3px #111827)drop-shadow(0 6px 10px #0f172a61);pointer-events:none;width:26px;height:34px;animation:1.2s ease-in-out both cat-tour-cursor-click;position:absolute;bottom:24px;right:34px;transform:translate(-28px,-20px)}.cat-tour-cursor:before{content:"➤";font-size:34px;line-height:1;display:block;transform:rotate(-38deg)}@keyframes cat-tour-pulse{0%,to{box-shadow:0 0 0 0 #ff6b176b, 0 10px 24px var(--accent-glow)}50%{box-shadow:0 0 0 12px #ff6b1700,0 14px 34px #ff6b1773}}@keyframes cat-tour-panel-pulse{0%,to{box-shadow:var(--shadow), 0 0 0 0 #ff6b1775}50%{box-shadow:var(--shadow), 0 0 0 8px #ff6b1757, 0 0 42px #ff6b1752}}@keyframes cat-tour-send-tap{0%,to{box-shadow:0 14px 32px var(--accent-glow);transform:translateY(0)scale(1)}50%{background:linear-gradient(135deg,#ff8b3d,#ff4f00);transform:translateY(2px)scale(.96);box-shadow:0 4px 14px #ff6b1757}}@keyframes cat-tour-click-ripple{0%{opacity:0;transform:translate(50%,-50%)scale(.15);box-shadow:0 0 #ffffff94,0 0 #ffffff57}18%{opacity:1}72%{opacity:.86;transform:translate(50%,-50%)scale(1);box-shadow:0 0 0 18px #ffffff3d,0 0 0 36px #ffffff1f}to{opacity:0;transform:translate(50%,-50%)scale(1.08);box-shadow:0 0 0 24px #fff0,0 0 0 48px #fff0}}@keyframes cat-tour-cursor-click{0%{opacity:0;transform:translate(-84px,-54px)}38%{opacity:1;transform:translate(-18px,-12px)}52%{transform:translate(-12px,-6px)scale(.86)}68%{opacity:1;transform:translate(-18px,-12px)}to{opacity:0;transform:translate(0)}}.input-sparkle{background:0 0;width:40px;height:40px}.input-sparkle.chatgpt-mark:before{background-color:#a7adb8}.loading-card{text-align:center;place-items:center}.loading-card small{color:var(--muted)}.spinner{border:4px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}.creation-error{color:#991b1b;background:#ef44441a;padding:12px 14px;font-size:13px;font-weight:850}.browse-controls{z-index:50;grid-template-columns:minmax(280px,1fr) minmax(190px,250px) minmax(170px,230px);align-items:center;gap:22px;padding:28px 30px;display:grid;position:relative;overflow:visible}.browse-search-control,.browse-select-control{border:1px solid var(--line);background:#ffffffe6;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:58px;padding:0 18px;display:grid;position:relative}.browse-search-control span,.browse-select-control span{color:var(--accent);font-size:19px;line-height:1}.browse-search-control span{color:#c8b8ac;font-size:24px;transform:rotate(-12deg)}.browse-search-control input,.browse-select-toggle{min-height:56px;box-shadow:none;background-color:#0000;border:0;border-radius:0;padding:0;font-size:15px;font-weight:800}.browse-search-control input:focus,.browse-select-toggle:focus{box-shadow:none}.browse-select-control{background:#fffaf5;border-color:#ffe2cc}.browse-select-toggle{min-width:0;color:var(--text);cursor:pointer;font:inherit;text-align:left;justify-content:space-between;align-items:center;gap:14px;display:inline-flex}.browse-select-toggle b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browse-select-toggle i{border-top:3px solid var(--accent);border-left:3px solid var(--accent);flex:none;width:10px;height:10px;transition:transform .16s;transform:translateY(-2px)rotate(225deg)}.browse-select-control.open{z-index:60;border-color:#ffb073;box-shadow:0 14px 34px #f973161f}.browse-select-control.open .browse-select-toggle i{transform:translateY(3px)rotate(45deg)}.browse-select-menu{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf5fa;border:1px solid #ffe2ccf5;border-radius:22px;gap:4px;width:min(280px,max(100%,230px));max-height:300px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 24px 58px #11182729,0 8px 22px #f973161a}.browse-select-menu button{min-height:46px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;font-size:15px;font-weight:850;display:grid}.browse-select-menu button:hover,.browse-select-menu button.selected{color:#c75000;background:#fff0e4}.browse-select-menu button b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.browse-option-check{color:#fff;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:950;display:inline-flex}.browse-select-menu button.selected .browse-option-check{background:linear-gradient(135deg,#ff7a1a,#ffb15f)}.video-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid;position:relative}.video-card{overflow:hidden}.video-card-preview{position:relative}.preview-button{aspect-ratio:9/12;width:100%;color:var(--accent);cursor:pointer;background:#111827;place-items:center;display:grid;position:relative;overflow:hidden}.preview-button video{object-fit:cover;opacity:.88;width:100%;height:100%;position:absolute;inset:0}.preview-button span{background:#ffffffe6;border-radius:50%;place-items:center;width:54px;height:54px;font-size:17px;display:grid;position:relative;box-shadow:0 14px 34px #11182747}.preview-button.playing span{display:none}.video-card-copy{gap:10px;padding:18px;display:grid}.card-tags{flex-wrap:wrap;gap:8px;display:flex}.card-tags span{border:1px solid var(--line);min-height:28px;color:var(--muted);background:var(--surface-soft);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850}.video-card-copy h2{margin-bottom:0;font-size:clamp(28px,4vw,44px);line-height:.98}.browse-romanization{color:var(--muted);font-size:13px;font-style:normal;font-weight:850;line-height:1}.video-card-copy p{color:var(--text);margin-bottom:0;font-weight:850}.video-card-copy small{color:var(--muted);font-size:14px}.browse-lesson-detail{border-top:1px solid #eceff3;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;padding-top:10px;display:grid}.browse-lesson-detail span:last-child{gap:3px;display:grid}.browse-lesson-detail small{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:900}.browse-lesson-detail b{color:var(--text);font-size:12px;font-weight:850;line-height:1.35}.browse-breakdown{border-top:1px solid #eceff3;padding-top:10px}.browse-breakdown span{grid-template-columns:minmax(48px,auto) minmax(0,1fr);font-size:12px}.empty-state{color:var(--muted);justify-items:center;gap:6px;padding:24px;display:grid}.empty-state strong{color:var(--text)}.flashcard-showcase{grid-template-columns:minmax(280px,.72fr) minmax(620px,1.28fr);align-items:stretch;gap:24px;display:grid}.flashcard-front,.flashcard-back{min-height:560px}.flashcard-front{text-align:center;background:radial-gradient(circle at 50% 30%,#f9731629,#0000 16rem),#ffffffeb;border-color:#ffd7baf2;align-content:center;place-items:center;gap:16px;padding:30px;display:grid}.flashcard-front span,.flashcard-front small,.flashcard-lesson-detail small,.flashcard-breakdown small{color:var(--accent);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:900}.flashcard-front strong{color:var(--text);letter-spacing:-.07em;font-size:clamp(58px,8vw,104px);line-height:.9}.flashcard-front small{color:var(--muted)}.flashcard-back{grid-template-columns:var(--use-case-video-width) minmax(0, 1fr);gap:22px;padding:24px;display:grid}.flashcard-video-slot{width:min(100%, var(--use-case-video-width));aspect-ratio:9/16;background:radial-gradient(circle at 50% 32%,#f973162e,#0000 15rem),#111827;border-radius:28px;place-self:center;height:auto;position:relative;overflow:hidden}.flashcard-video-slot video{border-radius:inherit;object-fit:cover;opacity:0;width:100%;height:100%;display:block}.flashcard-video-slot video.ready{opacity:1}.flashcard-video-placeholder{color:#fff;text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.flashcard-video-placeholder span{color:#ffd7ba;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.flashcard-video-placeholder strong{letter-spacing:-.05em;font-size:clamp(24px,3vw,38px);line-height:1}.flashcard-video-placeholder small{color:#ffffffad;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:800}.flashcard-back-copy{align-content:start;gap:12px;min-width:0;padding:4px 4px 4px 0;display:grid;overflow-y:auto}.flashcard-back-copy h2{letter-spacing:-.065em;margin:0 0 8px;font-size:clamp(30px,3.3vw,48px);line-height:.92}.flashcard-translations{color:var(--muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:0;padding-left:24px;font-size:14px;font-weight:850;line-height:1.25;display:grid}.flashcard-translations li::marker{color:var(--accent);font-weight:900}.flashcard-lesson-detail,.flashcard-breakdown{border-top:1px solid #eceff3;gap:7px;padding-top:11px;display:grid}.flashcard-lesson-detail strong{color:var(--text);font-size:clamp(14px,1.35vw,18px);font-weight:900;line-height:1.16}.flashcard-breakdown>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;display:grid}.flashcard-breakdown span{color:var(--muted);grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:baseline;gap:8px;font-size:12px;line-height:1.24;display:grid}.flashcard-breakdown b{color:var(--text);font-weight:900}.flashcard-breakdown em{color:var(--muted);font-style:normal;font-weight:750}.dialogue-use-case{gap:24px;margin-top:52px;display:grid}.dialogue-use-case-heading{text-align:right;justify-self:end;max-width:760px;padding:0 22px;display:grid}.dialogue-use-case-heading h1{letter-spacing:-.055em;max-width:none;margin-bottom:8px;font-size:clamp(34px,4vw,48px);line-height:1}.dialogue-use-case-heading p{color:var(--muted);margin-bottom:0;font-size:15px;font-weight:700}.dialogue-training-grid{gap:18px;display:grid}.dialogue-training-card{grid-template-columns:var(--use-case-video-width) minmax(0, 1fr);align-items:center;gap:22px;padding:22px;display:grid}.dialogue-video-slot{width:min(100%, var(--use-case-video-width));aspect-ratio:9/16;background:radial-gradient(circle at 50% 32%,#f973162e,#0000 15rem),#111827;border-radius:26px;place-self:center;height:auto;position:relative;overflow:hidden}.dialogue-video-slot video{border-radius:inherit;object-fit:cover;opacity:0;width:100%;height:100%;display:block}.dialogue-video-slot video.ready{opacity:1}.dialogue-video-subtitle{z-index:2;color:#fff;letter-spacing:-.04em;text-align:center;text-shadow:0 2px 10px #00000085;pointer-events:none;background:#0f172ab8;border-radius:999px;padding:10px 14px;font-size:clamp(18px,2.1vw,28px);font-weight:950;line-height:1;position:absolute;bottom:18px;left:16px;right:16px;box-shadow:0 12px 28px #0f172a52}.dialogue-training-copy{align-content:center;gap:12px;min-width:0;padding:8px 6px;display:grid}.dialogue-training-copy>small{color:var(--accent);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:900}.dialogue-training-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(30px,3.3vw,48px);line-height:.94}.dialogue-training-copy>strong{color:#667085;letter-spacing:-.035em;font-size:clamp(17px,1.8vw,23px);font-weight:900;line-height:1.1}.scenario-use-case{gap:24px;margin-top:52px;display:grid}.scenario-use-case-heading{max-width:760px;padding:0 22px;display:grid}.scenario-use-case-heading h1{letter-spacing:-.055em;max-width:none;margin-bottom:8px;font-size:clamp(34px,4vw,48px);line-height:1}.scenario-use-case-heading p{color:var(--muted);margin-bottom:0;font-size:15px;font-weight:700}.scenario-study-card{grid-template-columns:minmax(0, 1fr) var(--use-case-video-width);align-items:center;gap:24px;padding:24px;display:grid}.scenario-steps-panel{align-content:center;min-width:0;display:grid}.scenario-steps{counter-reset:scenario-step;gap:14px;margin:0;padding:0;list-style:none;display:grid}.scenario-steps li{counter-increment:scenario-step;background:#fffaf5;border:1px solid #ffe2cc;border-radius:22px;align-content:center;gap:5px;min-height:86px;padding:16px 18px 16px 76px;display:grid;position:relative}.scenario-steps li:before{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));width:38px;height:38px;box-shadow:0 12px 28px var(--accent-glow);content:counter(scenario-step);border-radius:50%;place-items:center;font-size:15px;font-weight:950;display:grid;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.scenario-steps span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.scenario-steps strong{color:var(--text);letter-spacing:-.04em;font-size:clamp(20px,2vw,28px);font-weight:900;line-height:1.08}.scenario-steps em{color:var(--muted);font-size:14px;font-style:normal;font-weight:800;line-height:1.3}.scenario-finish-lines{gap:8px;display:grid}.scenario-finish-lines p{color:var(--text);letter-spacing:-.035em;flex-wrap:wrap;gap:8px;margin:0;font-size:clamp(18px,1.9vw,24px);font-weight:900;line-height:1.15;display:flex}.scenario-finish-lines b{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.scenario-video-slot{width:min(100%, var(--use-case-video-width));aspect-ratio:9/16;background:radial-gradient(circle at 50% 32%,#f973162e,#0000 15rem),#111827;border-radius:28px;place-self:center end;height:auto;position:relative;overflow:hidden}.scenario-video-slot video{border-radius:inherit;object-fit:cover;opacity:0;width:100%;height:100%;display:block}.scenario-video-slot video.ready{opacity:1}.culture-use-case{gap:24px;margin-top:52px;display:grid}.culture-use-case-heading{text-align:right;justify-self:end;max-width:760px;padding:0 22px;display:grid}.culture-use-case-heading h1{letter-spacing:-.055em;max-width:none;margin-bottom:8px;font-size:clamp(34px,4vw,48px);line-height:1}.culture-use-case-heading p{color:var(--muted);margin-bottom:0;font-size:15px;font-weight:700}.culture-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.culture-card{grid-template-columns:var(--use-case-video-width) minmax(0, 1fr);align-items:center;gap:22px;padding:22px;display:grid}.culture-video-slot{width:min(100%, var(--use-case-video-width));aspect-ratio:9/16;background:radial-gradient(circle at 50% 32%,#f973162e,#0000 15rem),#111827;border-radius:26px;place-self:center;height:auto;position:relative;overflow:hidden}.culture-video-slot video{border-radius:inherit;object-fit:cover;opacity:0;width:100%;height:100%;display:block}.culture-video-slot video.ready{opacity:1}.culture-card-copy{align-content:center;gap:12px;min-width:0;padding:8px 2px;display:grid}.culture-card-copy h2{letter-spacing:-.06em;margin:0;font-size:clamp(26px,2.6vw,40px);line-height:.96}.culture-card-copy p{color:var(--muted);margin:0;font-size:15px;font-weight:800;line-height:1.45}.example-app-hero h1{max-width:860px}.example-app-hero .section-kicker{width:fit-content;margin-bottom:12px}.select-lesson-final-n{display:inline-block;position:relative}.select-lesson-final-n i{background:var(--accent);transform-origin:50% 100%;border-radius:999px;width:7px;height:21px;position:absolute}.select-lesson-final-n i:first-child{top:-18px;right:4px;transform:rotate(4deg)}.select-lesson-final-n i:nth-child(2){top:-20px;right:-9px;transform:rotate(30deg)}.select-lesson-final-n i:nth-child(3){top:-14px;right:-20px;transform:rotate(55deg)}.example-app-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start}.example-language-controls{justify-items:end;gap:10px;display:grid}.example-language-switcher{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #e5e7ebdb;border-radius:999px;justify-self:end;gap:8px;padding:6px;display:inline-flex}.example-language-switcher button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:42px;height:42px;font-size:22px;line-height:1;transition:transform .16s,box-shadow .16s,background .16s;display:grid}.example-language-switcher button:hover,.example-language-switcher button.active{background:#fff7ed;transform:translateY(-1px);box-shadow:0 10px 22px #f973161f}.example-language-switcher button.active .app-language-flag{box-shadow:0 0 0 4px #fff7ed,0 0 0 5px #ffd7ba,0 10px 22px #f9731629}.app-language-flag{background:#fff7ed;border:2px solid #fff;border-radius:999px;width:30px;height:30px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14,0 8px 18px #0f172a1a}.app-language-flag:before,.app-language-flag:after{content:"";position:absolute}.app-language-flag-ja{background:radial-gradient(circle,#ff6b1a 0 23%,#0000 24%),#fffaf5}.app-language-flag-es{background:linear-gradient(#ff6b1a 0 26%,#ffc247 26% 74%,#ff6b1a 74%)}.app-language-flag-es:before{background:#fffaf5;border-radius:2px;width:6px;height:10px;top:10px;left:8px;box-shadow:inset 0 -4px #ff6b1a}.app-language-flag-fr{background:linear-gradient(90deg,#1f4e9e 0 33%,#fffaf5 33% 67%,#ff6b1a 67%)}.app-language-flag-en{background:repeating-linear-gradient(#ff6b1a 0 3px,#fffaf5 3px 6px)}.app-language-flag-en:before{z-index:1;background:#1f4e9e;border-radius:999px 0 4px;width:15px;height:16px;top:0;left:0}.app-language-flag-en:after{z-index:2;background:radial-gradient(circle,#fffaf5 0 .8px,#0000 1.05px) 0 0/4px 4px;width:11px;height:10px;top:3px;left:2px}.app-language-flag-zh{background:radial-gradient(circle at 34% 34%,#ffc247 0 7%,#0000 8%),linear-gradient(135deg,#ff6b1a,#e11d48)}.app-language-flag-zh:before,.app-language-flag-zh:after{background:#ffc247;border-radius:999px;width:4px;height:4px}.app-language-flag-zh:before{top:8px;right:8px;box-shadow:-2px 7px #ffc247}.app-language-flag-zh:after{bottom:8px;right:12px}.app-language-flag-ru{background:linear-gradient(#fffaf5 0 33%,#1f4e9e 33% 67%,#ff6b1a 67%)}.app-language-flag-ko{background:radial-gradient(circle at 50% 42%,#ff6b1a 0 16%,#0000 17%),radial-gradient(circle at 50% 58%,#1f4e9e 0 16%,#0000 17%),#fffaf5}.example-page-language-picker{z-index:30;justify-self:end;position:relative}.example-page-language-toggle{cursor:pointer;background:#fffffff0;border:1px solid #e5e7ebdb;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;min-width:214px;padding:9px 11px 9px 16px;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex;box-shadow:0 10px 24px #0f172a0f}.example-page-language-toggle:hover,.example-page-language-picker.open .example-page-language-toggle{border-color:#ffd7ba;transform:translateY(-1px);box-shadow:0 14px 30px #f973161f}.example-page-language-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:950}.example-page-language-value{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:950;display:inline-flex}.example-page-language-value span{place-items:center;width:30px;height:30px;display:grid}.example-page-language-menu{min-width:180px;box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf5fa;border:1px solid #ffe2ccf5;border-radius:20px;gap:5px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.example-page-language-menu button{color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:900;display:flex}.example-page-language-menu button:hover,.example-page-language-menu button.selected{background:#fff0e4}.example-page-language-menu button span{flex:none}.example-unit-marker{border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow);background:#ffffffe6;border-radius:999px;justify-self:end;align-items:center;margin:-10px 22px -4px 0;padding:8px 12px;display:inline-flex}.example-intro-landing .example-unit-marker{z-index:1;margin:0;position:absolute;top:18px;right:18px}.example-unit-marker strong{color:var(--accent);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:950}.language-flag-marker{padding:6px}.language-flag-marker .app-language-flag{width:36px;height:36px;box-shadow:inset 0 0 0 1px #0f172a14,0 5px 12px #0f172a14}.example-picker-shell{gap:24px;animation:.52s cubic-bezier(.2,.8,.2,1) both example-picker-in;display:grid}.example-video-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(18px,2.4vw,34px);display:grid}.example-video-choice-card,.example-video-placeholder-card{opacity:0;animation:.56s cubic-bezier(.2,.8,.2,1) forwards example-choice-in;animation-delay:calc(var(--choice-index,0) * 90ms);transform:translateY(26px)scale(.98)}.example-video-choice-card{box-shadow:none;color:var(--text);cursor:pointer;text-align:center;background:0 0;border:0;align-content:start;gap:18px;padding:clamp(14px,1.8vw,22px);transition:transform .22s;display:grid}.example-video-choice-card:hover{transform:none}.example-choice-video-frame{aspect-ratio:9/16;background:#111827;border-radius:34px;justify-self:center;width:min(100%,390px);transition:box-shadow .22s,transform .22s cubic-bezier(.2,.8,.2,1),filter .22s;position:relative;overflow:hidden;box-shadow:0 18px 34px #0f172a24,0 38px 76px #0f172a2e}.example-choice-video-frame:after{content:"";filter:blur(14px);opacity:0;pointer-events:none;background:radial-gradient(#f9731680,#f973162e 42%,#0000 72%);border-radius:999px;height:52px;transition:opacity .22s,transform .22s;position:absolute;bottom:-26px;left:12%;right:12%}.example-video-choice-card:hover .example-choice-video-frame,.example-video-choice-card:focus-visible .example-choice-video-frame{filter:saturate(1.04);transform:scale(1.035)translateY(-4px);box-shadow:0 22px 42px #0f172a24,0 54px 95px #f9731647,0 72px 120px #0f172a2e}.example-video-choice-card:hover .example-choice-video-frame:after,.example-video-choice-card:focus-visible .example-choice-video-frame:after{opacity:1;transform:translateY(-8px)scaleX(1.08)}.example-choice-video-frame video{object-fit:cover;width:100%;height:100%;display:block}.example-choice-play{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:999px;place-items:center;width:60px;height:60px;font-size:18px;display:grid;position:absolute;bottom:18px;right:18px;box-shadow:0 16px 32px #f9731661}.example-choice-copy{justify-items:center;display:grid}.example-choice-copy>strong{color:var(--text);letter-spacing:-.07em;max-width:390px;font-size:clamp(24px,2.4vw,36px);font-weight:950;line-height:1;display:block}.example-video-placeholder-card{box-shadow:none;text-align:center;background:0 0;border:0 dashed;align-content:start;justify-items:center;gap:18px;padding:clamp(14px,1.8vw,22px);display:grid}.example-video-placeholder-card strong{max-width:390px;color:var(--text);letter-spacing:-.07em;font-size:clamp(24px,2.4vw,36px);font-weight:950;line-height:1;display:block}.example-video-placeholder-art{aspect-ratio:9/16;background:linear-gradient(135deg,#ffffffc7,#fff7edb8),repeating-linear-gradient(135deg,#fb923c29 0 8px,#0000 8px 18px);border:2px dashed #fb923c47;border-radius:34px;place-items:center;width:min(100%,390px);display:grid;box-shadow:inset 0 0 0 10px #ffffff6b}.example-video-placeholder-art span{background:#fff;border-radius:999px;place-items:center;width:84px;height:84px;font-size:42px;display:grid;box-shadow:0 18px 42px #9a341229}.example-selected-lesson{transform-origin:50% 0;gap:18px;animation:.72s cubic-bezier(.16,1,.3,1) both example-lesson-reveal;display:grid}.example-selected-toolbar{border:1px solid var(--line);background:#ffffffdb;border-radius:26px;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex;box-shadow:0 16px 42px #0f172a0f}.example-selected-toolbar>div{text-align:right;justify-items:end;gap:3px;display:grid}.example-selected-toolbar small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.example-selected-toolbar small .app-language-flag{width:20px;height:20px}.example-selected-toolbar strong{color:var(--text);letter-spacing:-.035em;font-size:18px;font-weight:950}@keyframes example-picker-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes example-choice-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes example-lesson-reveal{0%{opacity:0;filter:blur(10px);transform:translateY(36px)scale(.96)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.example-learning-shell{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.example-lesson-divider{gap:8px;margin:36px 0 18px;padding:0 4px;display:grid}.example-lesson-divider h2,.example-lesson-divider p{margin:0}.example-lesson-divider h2{letter-spacing:-.05em;font-size:clamp(28px,3.4vw,44px)}.example-lesson-divider p{max-width:760px;color:var(--muted);font-size:16px;line-height:1.6}.lesson-hero-with-builder{grid-template-columns:minmax(0,1fr) auto;align-items:start}.lesson-builder-top{justify-content:flex-end;align-items:center;display:flex}.lesson-video-picker-top{margin:0 22px 24px}.flexible-lesson-shell{align-items:start}.flexible-lesson-panel{min-height:620px}.flexible-lesson-intro .example-lesson-copy h2{font-size:clamp(42px,5vw,72px)}.flexible-romanization{color:var(--accent);font-style:normal;font-weight:800}.flexible-learn-target{max-width:100%;color:var(--accent);letter-spacing:-.06em;text-align:left;text-underline-offset:4px;white-space:normal;justify-self:start;font-size:clamp(28px,3.8vw,46px);font-weight:950;line-height:1.05;text-decoration:underline;text-decoration-thickness:3px;display:block}.flexible-learn-translation{color:var(--muted);margin:10px 0 0;font-size:15px;font-weight:850;line-height:1.45}.flexible-timing-status{justify-self:start}.flexible-learn-panel .bonus-subtitle-card h2{color:var(--text);letter-spacing:-.04em;margin:6px 0;font-size:clamp(28px,3vw,44px)}.flexible-learn-panel .bonus-subtitle-card p{margin:8px 0 0}.flexible-bonus-panel .example-bonus-video-column{gap:14px}.flexible-practice-panel{overflow:hidden}.flexible-practice-panel .fresh-chat-log{padding-bottom:8px}.flexible-practice-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;min-width:0;margin-top:0;padding-top:8px;display:flex}.flexible-practice-footer .button{flex:none}.lesson-builder-panel{background:linear-gradient(135deg,#fff7ed,#fff 72%);border:1px solid #fed7aa;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-top:34px;padding:22px;display:grid;box-shadow:0 20px 45px #9a341214}.lesson-builder-panel h2,.lesson-builder-panel p{margin:0}.lesson-builder-panel h2{color:var(--text);letter-spacing:-.05em;font-size:clamp(26px,3vw,40px)}.lesson-builder-panel p{max-width:760px;color:var(--muted);font-size:15px;font-weight:750;line-height:1.5}.lesson-video-picker{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lesson-video-option,.lesson-video-empty{background:#ffffffc7;border:1px solid #fb923c38;border-radius:22px;gap:12px;padding:14px;display:grid}.lesson-video-option{grid-template-columns:92px minmax(0,1fr);align-items:center}.lesson-video-option .button{grid-column:1/-1;justify-self:end}.lesson-video-thumb{aspect-ratio:9/16;background:#111827;border-radius:16px;overflow:hidden}.lesson-video-thumb video{object-fit:cover;width:100%;height:100%}.lesson-video-option small{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:950}.lesson-video-option strong,.lesson-video-empty strong{color:var(--text);margin-top:4px;font-size:18px;font-weight:950;line-height:1.05;display:block}.lesson-video-option p,.lesson-video-empty p{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin-top:8px;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.lesson-video-empty{grid-column:1/-1;padding:20px}.generated-lesson-block{margin-top:34px}.lesson-build-output{scroll-margin-top:24px}.lesson-creation-card{background:linear-gradient(135deg,#fff7ed,#fff 68%);border:1px solid #fed7aa;border-radius:30px;gap:16px;margin-top:34px;padding:22px;display:grid;box-shadow:0 22px 50px #9a34121a}.lesson-creation-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.lesson-creation-header h2,.lesson-creation-header p{margin:0}.lesson-creation-header h2{color:var(--text);letter-spacing:-.05em;font-size:clamp(26px,3vw,40px)}.lesson-creation-header p{color:var(--muted);font-size:15px;font-weight:800}.lesson-creation-header>strong{width:64px;height:64px;color:var(--accent-strong);background:#fff;border-radius:999px;place-items:center;font-size:18px;font-weight:950;display:grid;box-shadow:0 12px 28px #ea580c1f}.lesson-creation-progress{background:#ffedd5;border-radius:999px;height:12px;overflow:hidden}.lesson-creation-progress span{border-radius:inherit;background:linear-gradient(90deg,#fb923c,#ea580c);height:100%;transition:width .42s;display:block}.lesson-creation-steps{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.lesson-creation-step{background:#ffffffc7;border:1px solid #fb923c2e;border-radius:18px;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:14px;display:grid}.lesson-creation-step>span{background:#d0d5dd;border-radius:999px;width:12px;height:12px;margin-top:3px}.lesson-creation-step.active>span{background:#fb923c;animation:1.1s ease-in-out infinite prep-status-pulse;box-shadow:0 0 0 7px #fb923c24}.lesson-creation-step.complete>span{background:#22c55e}.lesson-creation-step.skipped>span{background:#94a3b8}.lesson-creation-step.error>span{background:#ef4444}.lesson-creation-step strong{color:var(--text);font-size:13px;font-weight:950;display:block}.lesson-creation-step small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:800;line-height:1.35;display:block}.example-lesson-sidebar{grid-row:1/span 2;align-content:start;gap:18px;padding:22px;display:grid}.example-lesson-sidebar ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.example-lesson-sidebar button{border:1px solid var(--line);width:100%;min-height:78px;color:var(--text);cursor:pointer;text-align:left;background:#ffffffd1;border-radius:20px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:4px 12px;padding:14px;display:grid}.example-lesson-sidebar button:hover,.example-lesson-sidebar button.active{background:#fff7ed;border-color:#ffd7ba;box-shadow:0 14px 34px #f973161a}.example-lesson-sidebar button span{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:999px;grid-row:span 2;place-items:center;font-size:13px;font-weight:950;display:grid}.example-lesson-sidebar button.active span{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.example-lesson-sidebar b{letter-spacing:-.025em;font-size:16px;font-weight:950}.example-lesson-sidebar small{color:var(--muted);font-size:12px;font-weight:750;line-height:1.3}.example-lesson-panel{min-height:680px;padding:clamp(22px,3vw,34px);transition:background .7s,border-color .7s,box-shadow .7s;overflow:visible;container-type:inline-size}.example-lesson-panel.example-intro-playing{background:#050505;border-color:#000000e6;overflow:hidden;box-shadow:0 30px 90px #00000047}.example-lesson-two-up{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:center;gap:28px;height:610px;min-height:0;display:grid;position:relative;overflow:visible}.example-lesson-two-up.intro-cinematic{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:center;gap:28px}.example-lesson-two-up.example-intro-landing{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:center;gap:28px;overflow:visible}.example-lesson-two-up.example-intro-landing:before,.example-lesson-two-up.example-intro-landing:after{content:"";z-index:0;pointer-events:none;border-radius:999px;position:absolute}.example-lesson-two-up.example-intro-landing:before{background:radial-gradient(180px at 100% 0,#ffedd5c7 0 62%,#0000 63%);border-radius:0;inset:0}.example-lesson-two-up.example-intro-landing:after{background:#ffedd5e0;width:28px;height:28px;top:48px;right:120px;box-shadow:34px 120px 0 -7px #ffedd5eb}.example-video-slot{aspect-ratio:9/16;background:0 0;border-radius:30px;justify-self:center;width:min(100%,340px);transition:width .7s,transform .7s,box-shadow .7s;position:relative;overflow:visible;box-shadow:-2px 4px 6px -1px #0f172a1f,-8px 14px 22px -4px #0f172a2e,-18px 28px 44px -8px #0f172a42,-32px 48px 80px -14px #0f172a57}.intro-cinematic .example-video-slot{place-self:center;width:min(100%,340px);transform:translate(calc(50cqw - 170px));box-shadow:-3px 6px 8px -1px #00000059,-12px 22px 32px -6px #00000073,-28px 44px 68px -10px #0000008c,-48px 70px 120px -20px #000000a6}.example-video-slot video{z-index:1;border-radius:inherit;clip-path:inset(0 round 30px);object-fit:cover;opacity:0;background:#111827;outline:0;width:100%;height:100%;display:block;position:relative}.example-video-slot video.ready{opacity:1}.timed-video-subtitle{z-index:4;top:calc(16% + (var(--subtitle-row,0) * 15%));pointer-events:none;width:min(34vw,360px);position:absolute;left:calc(100% + clamp(16px,2.5vw,32px));transform:translateY(-50%)}.timed-video-subtitle span{color:#fffffff5;letter-spacing:-.035em;text-wrap:balance;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:1;will-change:opacity, transform;background:linear-gradient(135deg,#ffffff24,#ffffff0a),#09090b8a;border:1px solid #ffffff2e;border-radius:15px;max-width:100%;padding:10px 14px;font-size:clamp(18px,2.1vw,30px);font-weight:800;line-height:1.08;animation:.2s ease-out timedSubtitleBubbleIn;display:inline-block;transform:translate(0);box-shadow:0 24px 70px #0000005c}@keyframes timedSubtitleBubbleIn{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.example-lesson-copy,.example-guide-panel,.example-ai-typing-panel,.example-chat-panel,.example-practice-panel{align-content:center;gap:18px;min-width:0;display:grid}.example-lesson-copy{transition:opacity .52s,filter .52s,transform .7s}.example-intro-landing .example-video-slot,.example-intro-landing .example-lesson-copy{z-index:1;position:relative}.example-intro-landing{position:relative}.example-intro-landing .example-video-slot{justify-self:center;width:min(100%,340px)}.example-intro-landing .example-lesson-copy{align-content:center;gap:18px;position:static}.intro-cinematic .example-lesson-copy{opacity:0;filter:blur(12px);pointer-events:none;width:min(48%,620px);position:absolute;right:clamp(20px,5vw,70px);transform:translate(28px)scale(.98)}.example-lesson-copy h2,.example-guide-panel h2,.example-ai-typing-panel h2,.example-chat-panel h2,.example-practice-panel h2{letter-spacing:-.07em;max-width:760px;margin:0;font-size:clamp(40px,5vw,72px);line-height:.92}.example-lesson-copy>strong{color:#667085;letter-spacing:-.04em;font-size:clamp(20px,2.4vw,30px);font-weight:950}.example-lesson-copy p,.example-guide-panel p,.example-ai-typing-panel p,.example-chat-panel p,.example-practice-panel p{max-width:680px;margin:0;font-size:17px;font-weight:750}.example-intro-landing .section-kicker{color:#f97316;background:#fff7ed;border-color:#fed7aa;border-radius:999px;margin-bottom:4px;padding:8px 14px;font-size:12px}.example-intro-landing .example-lesson-copy h2{letter-spacing:-.085em;max-width:650px;font-size:clamp(54px,6.4vw,84px);line-height:.92}.example-intro-landing .example-lesson-copy h2:after{content:"";background:#f97316;border-radius:999px;width:74px;height:4px;margin-top:20px;display:block}.example-intro-landing .example-lesson-copy p{color:#667085;max-width:600px;font-size:clamp(18px,1.8vw,23px);font-weight:850;line-height:1.32}.example-intro-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:4px;display:grid}.example-intro-feature-card{background:#ffffffd1;border:1px solid #f3e7dd;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;min-height:74px;padding:14px;display:grid;box-shadow:0 12px 34px #0f172a0d}.example-intro-feature-card.emphasized{background:#fff7eddb}.example-intro-feature-card span:last-child{gap:3px;display:grid}.example-intro-feature-card strong{color:var(--text);font-size:15px;font-weight:950}.example-intro-feature-card small{color:#667085;font-size:12px;font-weight:800}@keyframes prep-status-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.example-intro-feature-icon{color:#f97316;place-items:center;width:42px;height:42px;display:grid;position:relative}.example-intro-feature-icon:before,.example-intro-feature-icon:after{content:"";position:absolute}.example-intro-feature-icon.book:before{border:3px solid;border-radius:5px;width:27px;height:26px;box-shadow:inset 0 -2px #f9731640}.example-intro-feature-icon.book:after{background:currentColor;width:3px;height:24px}.example-intro-feature-icon.chat:before{border:3px solid;border-radius:999px;width:30px;height:24px}.example-intro-feature-icon.chat:after{border-bottom:3px solid;border-left:3px solid;width:9px;height:9px;bottom:7px;left:11px;transform:rotate(-18deg)}.example-intro-feature-icon.target:before{border:3px solid;border-radius:999px;width:30px;height:30px;box-shadow:inset 0 0 0 5px #fff,inset 0 0 0 8px}.example-intro-feature-icon.target:after{background:currentColor;border-radius:999px;width:8px;height:8px}.example-intro-start-button{border-radius:22px;justify-content:center;gap:14px;width:100%;min-height:66px;margin-top:6px;font-size:clamp(22px,2.3vw,30px);display:flex;box-shadow:0 22px 42px #f9731652}.example-intro-play-icon{border:4px solid #ffffffe6;border-radius:999px;place-items:center;width:40px;height:40px;display:grid;position:relative}.example-intro-play-icon:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;margin-left:3px}.example-breakdown{border-top:1px solid #eceff3;gap:8px;max-width:520px;padding-top:10px;display:grid}.example-breakdown span{color:var(--muted);grid-template-columns:minmax(96px,auto) minmax(0,1fr);align-items:baseline;gap:10px;font-size:14px;line-height:1.3;display:grid}.example-breakdown b{color:var(--text);font-weight:950}.example-breakdown em{color:var(--muted);font-style:normal;font-weight:800}.example-ai-message{background:#fff7ed;border:1px solid #ffe2cc;border-radius:24px;grid-template-columns:auto minmax(0,1fr);gap:16px;max-width:760px;padding:20px;display:grid}.example-ai-message p{color:var(--text)}.example-ai-typing-panel{grid-template-rows:minmax(0,1fr);align-content:stretch;align-self:stretch;width:100%;max-width:680px;height:100%;min-height:0;padding:48px 6px 82px 0;display:grid;overflow:hidden}.example-ai-scroll-area{overscroll-behavior:contain;align-content:start;gap:18px;height:100%;min-height:0;padding:4px 6px 96px 0;display:grid;overflow-y:auto}.self-intro-chat-form{opacity:0;grid-template-columns:minmax(0,1fr) auto;gap:10px;animation:.26s forwards self-intro-chat-in;display:grid;position:absolute;bottom:0;left:calc(min(360px,100%) + 28px);right:128px;transform:translate(22px)}.self-intro-chat-form input{border-radius:18px;min-height:48px}.self-intro-send-button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));width:50px;min-height:48px;box-shadow:0 12px 26px var(--accent-glow);cursor:pointer;border-radius:18px;place-items:center;font-size:18px;font-weight:950;display:grid}.self-intro-send-button:disabled{cursor:default;filter:grayscale();opacity:.56}@keyframes self-intro-chat-in{to{opacity:1;transform:translate(0)}}.example-ai-scroll-anchor{height:1px;scroll-margin-block:46%}.example-step-tag{z-index:2;position:absolute;top:0;right:0}.example-ai-message.typing{align-items:start}.self-intro-chat-message.user{color:#1d4ed8;background:#3b82f617;border-color:#2563eb38;grid-template-columns:minmax(0,1fr);justify-self:end;max-width:86%}.self-intro-chat-message.user .example-typed-paragraph{color:#1d4ed8}.example-ai-typed-copy{gap:18px;min-width:0;display:grid}.example-ai-typed-copy p{color:var(--text);white-space:normal;overflow-wrap:anywhere}.flexible-learn-panel .example-ai-typed-copy>p:not(.flexible-learn-translation){font-weight:400}.example-ai-typed-copy p strong{font-weight:950}.example-ai-typed-copy p.flexible-learn-translation{font-weight:850}.example-typed-paragraph{color:var(--text);white-space:normal;overflow-wrap:anywhere;font-size:17px;font-weight:750}.self-intro-chat-text{white-space:pre-wrap}.inline-ai-highlight{color:var(--accent);font-weight:950}.question-prompt-text{letter-spacing:-.04em;font-size:clamp(19px,2.2vw,27px);font-weight:950}.example-ai-typed-copy p:first-child{min-height:3.1em}.hajimemashite-callout{width:fit-content;position:relative}.tap-callout{z-index:2;color:#fff;letter-spacing:-.05em;text-shadow:-2px -2px 0 var(--accent), 2px -2px 0 var(--accent), -2px 2px 0 var(--accent), 2px 2px 0 var(--accent), 0 8px 18px #f9731638;font-size:30px;font-weight:950;line-height:1;animation:1.2s ease-in-out infinite tap-callout-float;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.tap-arrow{z-index:1;border-left:10px solid #0000;border-right:10px solid #0000;border-top:18px solid var(--accent);filter:drop-shadow(0 6px 8px #f9731638);width:0;height:0;animation:1.2s ease-in-out infinite tap-callout-float;position:absolute;bottom:calc(100% - 10px);left:50%;transform:translate(-50%)}.hajimemashite-word{color:var(--accent);cursor:pointer;letter-spacing:-.055em;text-align:left;text-underline-offset:8px;text-transform:none;background:0 0;justify-self:start;padding:0;font-size:clamp(28px,3.1vw,40px);font-weight:950;line-height:1;text-decoration:underline;text-decoration-thickness:4px}.hajimemashite-word:hover{color:var(--accent-strong);transform:translateY(-1px)}.name-pattern-line{color:var(--accent);letter-spacing:-.055em;margin-top:12px;font-size:clamp(28px,3.1vw,40px);font-weight:950;line-height:1;display:block}.desu-word,.phrase-word{color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-underline-offset:8px;background:0 0;padding:0;text-decoration:underline;text-decoration-thickness:4px}.phrase-word{color:var(--accent)}.tappable-phrase{color:var(--accent);vertical-align:baseline;flex-wrap:wrap;gap:.18em .32em;display:inline-flex}.tappable-word-wrap{display:inline-flex;position:relative}.tappable-word{color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;text-underline-offset:8px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:4px}.tappable-word:hover{color:var(--accent-strong);transform:translateY(-1px)}.tappable-word-main{color:var(--accent)}.tappable-word-supporting{color:var(--text)}.tappable-word-supporting:hover{color:var(--accent-strong)}.tappable-word-tooltip{z-index:20;min-width:max-content;max-width:180px;color:var(--text);letter-spacing:0;text-align:center;text-transform:none;white-space:normal;background:#fffffff5;border:1px solid #fb923c52;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:900;line-height:1.2;text-decoration:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 14px 34px #0f172a29}.tappable-word-tooltip:after{content:"";background:#fffffff5;border-bottom:1px solid #fb923c52;border-right:1px solid #fb923c52;width:12px;height:12px;position:absolute;top:100%;left:50%;transform:translate(-50%,-6px)rotate(45deg)}.closing-phrase-word{letter-spacing:-.055em;text-align:left;margin-top:12px;font-size:clamp(28px,3.1vw,40px);font-weight:950;line-height:1;display:block}.closing-phrase-word.tappable-phrase{display:flex}.desu-word:hover,.phrase-word:hover{color:var(--accent-strong);transform:translateY(-1px)}.origin-breakdown{color:var(--muted);gap:6px;margin-top:12px;font-size:14px;font-weight:850;display:grid}.origin-breakdown span{align-items:baseline;gap:10px;display:flex}.origin-breakdown b{color:var(--text);font-weight:950}.origin-breakdown em{color:var(--muted);font-style:normal}.origin-breakdown em:before{content:"- "}.self-intro-continue-button{opacity:0;pointer-events:none;transition:opacity .24s,transform .24s,filter .16s;position:absolute;bottom:0;right:6px;transform:translate(24px)}.self-intro-continue-button.visible{opacity:1;pointer-events:auto;transform:translate(0)}.self-intro-continue-button:disabled{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 12px 26px var(--accent-glow);opacity:.52;pointer-events:none;transform:translate(0)}@keyframes tap-callout-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}.example-chat-panel{grid-template-rows:auto minmax(0,1fr) auto auto;align-content:stretch;min-height:610px}.example-chat-log{flex-direction:column;gap:12px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.example-chat-form{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.example-chat-form input{min-height:56px}.example-practice-card{background:radial-gradient(circle at 20% 20%,#f973161f,#0000 16rem),#fffaf5;border:1px solid #ffe2cc;border-radius:26px;gap:12px;max-width:760px;padding:24px;display:grid}.example-practice-card small{color:var(--accent);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:950}.example-practice-card strong{color:var(--text);letter-spacing:-.07em;font-size:clamp(42px,6vw,78px);line-height:.94}.example-practice-actions{flex-wrap:wrap;gap:12px;display:flex}.fresh-chat-panel{opacity:0;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;height:610px;min-height:0;animation:.42s forwards fresh-chat-panel-in;position:relative;transform:translate(28px)}.fresh-chat-log{overscroll-behavior:contain;align-content:start;gap:16px;min-height:0;max-height:100%;padding-right:6px;display:grid;overflow-y:auto}.fresh-practice-form{grid-template-columns:minmax(0,1fr) auto auto;margin-top:6px}.fresh-practice-form.completed{grid-template-columns:minmax(0,1fr) auto auto}.practice-continue-button{opacity:0;animation:.36s 80ms forwards practice-continue-in;transform:translate(18px)}.practice-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-panel-header .section-kicker{align-items:center;min-height:34px}.practice-progress-status{width:fit-content;min-height:34px;color:var(--accent-strong);letter-spacing:.07em;text-transform:uppercase;background:#fff7ed;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:950;display:inline-flex}.practice-progress-status.ready{color:#15803d;background:#dcfce7}.practice-mode-card{text-align:center;background:linear-gradient(135deg,#fff7ed,#fff 70%);border:1px solid #fed7aa;border-radius:28px;place-self:center;gap:12px;width:min(520px,100%);padding:24px;animation:.26s both practice-feedback-in;display:grid;box-shadow:0 18px 45px #9a34121a}.practice-mode-kicker{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:950}.practice-mode-card strong{color:var(--text);font-size:clamp(24px,3vw,34px);font-weight:950;line-height:1}.practice-mode-card p{max-width:380px;color:var(--muted);margin:0 auto;font-size:15px;font-weight:750;line-height:1.5}.practice-mode-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.practice-turn{gap:16px;display:grid}.practice-turn.completed{border-bottom:1px solid #ffe2cc;padding-bottom:18px}.practice-turn.completed .practice-hint-bubble,.practice-turn.completed .practice-submitted-answer,.practice-turn.completed .practice-correct-answer,.practice-turn.completed .practice-x-mark,.practice-turn.completed .practice-check-mark{animation:none}.practice-turn.completed .practice-answer-feedback.incorrect .practice-answer-text:after{animation:none;transform:scaleX(1)}.practice-hint-bubble{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;width:fit-content;max-width:min(520px,100%);padding:12px 14px;font-size:15px;font-weight:800;animation:.26s both practice-feedback-in}.practice-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(580px,100%);animation:.26s both practice-feedback-in;display:grid}.practice-choice-button{appearance:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #fed7aa;border-radius:18px;padding:16px 18px;font-size:clamp(16px,2vw,20px);font-weight:950;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;box-shadow:0 10px 24px #0f172a0f}.practice-choice-button:hover:not(:disabled){background:#fff7ed;border-color:#fb923c;transform:translateY(-2px);box-shadow:0 16px 30px #ea580c1f}.practice-choice-button:disabled{cursor:not-allowed;opacity:.62}.practice-choice-footer{grid-template-columns:auto;justify-content:end}.practice-answer-feedback{justify-self:end;justify-items:end;gap:8px;max-width:min(520px,100%);display:grid;position:relative}.practice-submitted-answer{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:18px;align-items:center;gap:10px;padding:14px 18px;font-size:clamp(17px,2.2vw,24px);font-weight:950;line-height:1;animation:.26s both practice-feedback-in;display:inline-flex;position:relative}.practice-answer-feedback.incorrect .practice-submitted-answer{color:var(--text);background:#fff}.practice-answer-feedback.correct .practice-submitted-answer{color:#166534;background:#f0fdf4;border-color:#86efac}.practice-answer-text{position:relative}.practice-answer-feedback.incorrect .practice-answer-text:after{content:"";transform-origin:0;background:#ef4444;border-radius:999px;height:4px;animation:.42s .14s forwards practice-strike;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}.practice-correct-answer{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:18px;justify-self:end;align-items:center;gap:10px;padding:14px 18px;font-size:clamp(17px,2.2vw,24px);font-weight:950;line-height:1;animation:.36s cubic-bezier(.2,.8,.2,1) both practice-correct-answer-in;display:inline-flex}.practice-x-mark{color:#fff;background:#ef4444;border-radius:999px;place-items:center;width:34px;height:34px;font-size:24px;font-weight:950;line-height:1;animation:.36s cubic-bezier(.2,1.4,.32,1) both practice-check-in;display:inline-grid}.practice-check-mark{color:#fff;background:#22c55e;border-radius:999px;place-items:center;width:34px;height:34px;font-size:22px;animation:.36s cubic-bezier(.2,1.4,.32,1) both practice-check-in;display:inline-grid}.practice-complete-card{text-align:center;background:radial-gradient(circle at 20% 10%,#f973162e,#0000 14rem),linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-radius:28px;align-content:center;justify-items:center;gap:10px;width:min(620px,100%);min-height:280px;margin:28px auto 36px;padding:44px 34px;animation:.42s cubic-bezier(.2,.8,.2,1) both practice-complete-in;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #f9731624}.practice-complete-kicker{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));letter-spacing:.07em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:950}.practice-complete-card strong{max-width:620px;color:var(--text);letter-spacing:-.06em;font-size:clamp(28px,4vw,46px);font-weight:950;line-height:1}.practice-complete-card p{max-width:560px;color:var(--muted);font-size:16px;font-weight:800}.practice-replay-button{min-height:40px;margin-top:10px;padding:0 14px;font-size:13px}.practice-confetti{pointer-events:none;position:absolute;inset:0}.practice-confetti span{top:-28px;left:calc(var(--confetti-index,0) * 6%);background:var(--accent);opacity:0;border-radius:3px;width:9px;height:15px;animation:2.2s ease-out forwards practice-confetti-fall;position:absolute;transform:translateY(-20px)rotate(0)}.practice-confetti span:nth-child(3n){background:#22c55e}.practice-confetti span:nth-child(3n+1){background:#3b82f6}.practice-confetti span:first-child{--confetti-index:1;animation-delay:0s}.practice-confetti span:nth-child(2){--confetti-index:4;animation-delay:60ms}.practice-confetti span:nth-child(3){--confetti-index:8;animation-delay:20ms}.practice-confetti span:nth-child(4){--confetti-index:12;animation-delay:.11s}.practice-confetti span:nth-child(5){--confetti-index:15;animation-delay:40ms}.practice-confetti span:nth-child(6){--confetti-index:2;animation-delay:.16s}.practice-confetti span:nth-child(7){--confetti-index:6;animation-delay:90ms}.practice-confetti span:nth-child(8){--confetti-index:10;animation-delay:.13s}.practice-confetti span:nth-child(9){--confetti-index:14;animation-delay:70ms}.practice-confetti span:nth-child(10){--confetti-index:17;animation-delay:.19s}.practice-confetti span:nth-child(11){--confetti-index:3;animation-delay:.22s}.practice-confetti span:nth-child(12){--confetti-index:7;animation-delay:.17s}.practice-confetti span:nth-child(13){--confetti-index:11;animation-delay:.24s}.practice-confetti span:nth-child(14){--confetti-index:16;animation-delay:.15s}.practice-confetti span:nth-child(15){--confetti-index:5;animation-delay:.28s}.practice-confetti span:nth-child(16){--confetti-index:9;animation-delay:.26s}.practice-confetti span:nth-child(17){--confetti-index:13;animation-delay:.3s}.practice-confetti span:nth-child(18){--confetti-index:18;animation-delay:.21s}.practice-confetti span:nth-child(19){--confetti-index:1;animation-delay:.36s}.practice-confetti span:nth-child(20){--confetti-index:4;animation-delay:.43s}.practice-confetti span:nth-child(21){--confetti-index:8;animation-delay:.39s}.practice-confetti span:nth-child(22){--confetti-index:12;animation-delay:.47s}.practice-confetti span:nth-child(23){--confetti-index:16;animation-delay:.34s}.practice-confetti span:nth-child(24){--confetti-index:3;animation-delay:.52s}.practice-confetti span:nth-child(25){--confetti-index:7;animation-delay:.45s}.practice-confetti span:nth-child(26){--confetti-index:11;animation-delay:.5s}.practice-confetti span:nth-child(27){--confetti-index:15;animation-delay:.42s}.practice-confetti span:nth-child(28){--confetti-index:18;animation-delay:.57s}.practice-confetti span:nth-child(29){--confetti-index:2;animation-delay:.62s}.practice-confetti span:nth-child(30){--confetti-index:6;animation-delay:.56s}.practice-confetti span:nth-child(31){--confetti-index:10;animation-delay:.65s}.practice-confetti span:nth-child(32){--confetti-index:14;animation-delay:.6s}.practice-confetti span:nth-child(33){--confetti-index:17;animation-delay:.7s}.practice-confetti span:nth-child(34){--confetti-index:5;animation-delay:.74s}.practice-confetti span:nth-child(35){--confetti-index:9;animation-delay:.68s}.practice-confetti span:nth-child(36){--confetti-index:13;animation-delay:.78s}.example-bonus-panel{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:stretch;gap:28px;height:610px;min-height:0;display:grid;overflow:visible}.example-bonus-video-column{align-content:center;justify-items:center;height:100%;min-height:0;display:grid}.example-bonus-video{display:block}.bonus-subtitle-card{background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:24px;flex:none;overflow:hidden;box-shadow:0 18px 40px #0f172a14}.bonus-subtitle-list{display:grid}.bonus-subtitle-line{border-bottom:1px solid #e2e8f0d9;gap:4px;padding:15px 18px 14px;display:grid}.bonus-subtitle-line:last-child{border-bottom:0}.bonus-subtitle-japanese,.bonus-subtitle-translation{margin:0}.bonus-subtitle-japanese{color:var(--text);letter-spacing:-.01em;font-size:clamp(18px,1.7vw,23px);font-weight:950;line-height:1.22}.bonus-subtitle-translation{color:var(--muted);font-size:15px;font-weight:850;line-height:1.3}.bonus-subtitle-highlight{color:#f97316;background:0 0;padding:0 2px;font-weight:950}.example-bonus-chat-panel{grid-template-rows:minmax(0,1fr) auto;gap:12px;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.bonus-chat-log{overscroll-behavior:contain;scrollbar-color:#f9731673 transparent;scrollbar-gutter:stable;scrollbar-width:thin;outline:none;flex-direction:column;align-self:stretch;gap:16px;height:100%;min-height:0;max-height:100%;padding:4px 14px 4px 0;display:flex;overflow:hidden scroll}.bonus-chat-log::-webkit-scrollbar{width:10px}.bonus-chat-log::-webkit-scrollbar-track{background:#fb923c29;border-radius:999px}.bonus-chat-log::-webkit-scrollbar-thumb{background:#f97316b3;border-radius:999px}.bonus-hint-stack{background:linear-gradient(135deg,#fffaf5fa,#fffffff0);border:1px solid #ffe2cc;border-radius:20px;flex:none;overflow:hidden}.bonus-hint-card{border-left:2px solid #fb923c;gap:8px;margin:0;padding:18px 18px 18px 20px;display:grid}.bonus-hint-card+.bonus-hint-card{border-top:1px solid #ffe2cc}.bonus-hint-card h3,.bonus-hint-card p,.bonus-hint-card ul{margin:0}.bonus-hint-card h3{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:16px;line-height:1.25;display:flex}.bonus-hint-term{color:#f97316;font-weight:950}.bonus-hint-reading{color:var(--text);font-size:14px;font-weight:900}.bonus-hint-card p,.bonus-hint-examples,.bonus-hint-card li{color:var(--text);font-size:14px;font-weight:750;line-height:1.35}.bonus-hint-examples{gap:5px;padding-top:6px;display:grid}.bonus-hint-examples>span{font-weight:850}.bonus-hint-examples ul{gap:3px;padding-left:22px;display:grid}.bonus-hint-examples li{padding-left:2px}.bonus-hint-examples li span{font-weight:900}.bonus-hint-examples li em{color:#475467;margin-left:8px;font-style:normal;font-weight:750}.bonus-chat-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;display:grid}.bonus-chat-form input{border-radius:18px;min-height:48px}.chat-error{color:#b91c1c;margin:0;font-size:13px;font-weight:800}.example-final-panel{background:linear-gradient(135deg,#fffaf5 0%,#fff 62%,#fff7ed 100%);border-radius:30px;align-content:center;gap:18px;min-height:610px;padding:clamp(30px,4vw,48px);animation:.46s cubic-bezier(.2,.8,.2,1) forwards practice-complete-in;display:grid;position:relative;overflow:hidden}.example-final-panel>:not(.example-final-burst):not(.final-japan-scene){z-index:2;position:relative}.final-header{opacity:0;gap:8px;transition:opacity .36s,transform .42s cubic-bezier(.2,.8,.2,1);display:grid;transform:translateY(16px)}.final-header.visible{opacity:1;transform:translateY(0)}.final-header h2{max-width:760px;color:var(--text);letter-spacing:-.08em;margin:0;font-size:clamp(44px,6vw,72px);font-weight:950;line-height:.9}.final-header p{color:#667085;margin:0;font-size:17px;font-weight:800}.final-learned-grid{opacity:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;max-width:980px;min-height:0;transition:opacity .26s,transform .26s;display:grid;transform:translateY(14px)}.final-learned-grid.active{opacity:1;transform:translateY(0)}.final-learned-grid article{opacity:0;background:#ffffffdb;border:1px solid #f1e7dd;border-radius:16px;grid-template-columns:18px minmax(110px,auto) minmax(0,1fr);align-items:center;gap:10px 12px;min-height:48px;padding:11px 14px;transition:opacity .26s,transform .26s;display:grid;transform:translateY(18px)scale(.96);box-shadow:0 8px 24px #0f172a0a}.final-learned-grid article.visible{opacity:1;transform:translateY(0)scale(1)}.final-learned-grid article.final-learned-long-phrase{grid-template-columns:18px minmax(92px,auto) minmax(0,1fr)}.final-learned-check{border:1.5px solid #fdba74;border-radius:999px;place-items:center;width:16px;height:16px;display:grid}.final-learned-check:after{content:"";border-bottom:1.7px solid #fb923c;border-left:1.7px solid #fb923c;width:6px;height:3px;transform:rotate(-45deg)translate(1px,-1px)}.final-learned-grid strong{color:var(--accent-strong);font-size:15px;font-weight:950}.final-learned-grid em{color:#667085;font-size:12px;font-style:normal;font-weight:800;line-height:1.25}.final-stats-row{grid-template-columns:repeat(2,minmax(160px,220px));gap:16px;display:grid}.final-stat-card{opacity:0;background:#ffffffe0;border:1px solid #f1e7dd;border-radius:24px;align-items:center;gap:18px;min-height:118px;padding:20px;transition:opacity .34s,transform .34s cubic-bezier(.2,1.1,.32,1);display:flex;position:relative;overflow:hidden;transform:translateY(18px)scale(.96);box-shadow:0 14px 34px #0f172a0d}.final-stat-card.visible{opacity:1;transform:translateY(0)scale(1)}.final-stat-card small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:950}.final-stat-card strong{color:var(--accent-strong);align-items:baseline;gap:6px;font-size:clamp(42px,6vw,70px);font-weight:950;line-height:.9;display:inline-flex}.final-stat-card strong span{color:var(--text);font-size:16px;font-weight:950}.final-stat-card p{color:#667085;margin:6px 0 0;font-size:14px;font-weight:800}.final-stat-icon{background:#fff0e6;border-radius:999px;flex:none;place-items:center;width:62px;height:62px;display:grid}.final-stat-icon:before,.final-stat-icon:after{content:"";display:block}.final-stat-icon.book:before{border:4px solid var(--accent);width:28px;height:24px;box-shadow:inset 10px 0 0 #fff0e6, inset 13px 0 0 var(--accent);border-top-width:5px;border-radius:5px 5px 7px 7px}.final-stat-icon.flame{opacity:.45;transition:opacity .32s,transform .42s cubic-bezier(.2,1.4,.32,1);display:block;position:relative;transform:scale(.85)}.final-stat-icon.flame:before{content:"";background:linear-gradient(180deg, #ffb15c 0%, var(--accent) 58%, var(--accent-strong) 100%);clip-path:polygon(50% 0%,68% 24%,82% 43%,74% 76%,50% 100%,26% 76%,18% 43%,32% 24%);border-radius:999px;width:28px;height:38px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.final-stat-icon.flame:after{clip-path:polygon(50% 0%,70% 38%,62% 100%,38% 100%,30% 38%);background:#fff7ed;width:10px;height:18px;position:absolute;bottom:17px;left:50%;transform:translate(-50%)}.final-stat-icon.flame.active{opacity:1;transform:scale(1)}.example-final-actions{opacity:0;pointer-events:none;flex-wrap:wrap;gap:14px;margin-top:2px;transition:opacity .34s,transform .34s;display:flex;transform:translateY(18px)}.example-final-actions.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.example-final-actions .button{border-radius:16px;gap:10px;min-width:156px;min-height:52px}.final-japan-scene{opacity:.32;pointer-events:none;z-index:1;width:min(34%,360px);height:180px;position:absolute;bottom:70px;right:clamp(42px,7vw,96px)}.final-japan-scene .sun{background:#fed7aa;border-radius:999px;width:82px;height:82px;position:absolute;top:24px;left:26px}.final-japan-scene .mountain{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:18px 18px 8px 8px;position:absolute;bottom:22px}.final-japan-scene .mountain.back{background:#dbe4ff;width:190px;height:122px;right:82px}.final-japan-scene .mountain.front{background:linear-gradient(#c7d2fe 0%,#e0e7ff 70%);width:230px;height:150px;right:54px}.final-japan-scene .mountain.front:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#fff;width:54px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%)}.final-japan-scene .torii{border-top:9px solid #fb923c;border-radius:2px;width:72px;height:72px;position:absolute;bottom:34px;right:12px}.final-japan-scene .torii:before,.final-japan-scene .torii:after{content:"";background:#fb923c;position:absolute}.final-japan-scene .torii:before{height:7px;top:16px;left:8px;right:8px}.final-japan-scene .torii:after{background:0 0;border-left:7px solid #fb923c;border-right:7px solid #fb923c;width:36px;height:48px;top:23px;left:18px}.example-final-burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.example-final-burst span{top:-24px;left:calc((var(--confetti-slot,0) * 8.33%) + var(--confetti-drift,0px));background:var(--accent);opacity:0;border-radius:3px;width:9px;height:16px;animation:2.6s ease-in forwards final-confetti-fall;position:absolute;transform:translateY(-24px)rotate(0)}.example-final-burst span:nth-child(3n){background:#22c55e}.example-final-burst span:nth-child(3n+1){background:#3b82f6}.example-final-burst span:nth-child(4n){border-radius:999px;width:12px;height:12px}.example-final-burst span:nth-child(5n){width:14px;height:8px}.example-final-burst span:nth-child(12n+1){--confetti-slot:0;--confetti-drift:4px;animation-delay:0s}.example-final-burst span:nth-child(12n+2){--confetti-slot:1;--confetti-drift:-10px;animation-delay:.12s}.example-final-burst span:nth-child(12n+3){--confetti-slot:2;--confetti-drift:14px;animation-delay:50ms}.example-final-burst span:nth-child(12n+4){--confetti-slot:3;--confetti-drift:-6px;animation-delay:.21s}.example-final-burst span:nth-child(12n+5){--confetti-slot:4;--confetti-drift:10px;animation-delay:90ms}.example-final-burst span:nth-child(12n+6){--confetti-slot:5;--confetti-drift:-14px;animation-delay:.26s}.example-final-burst span:nth-child(12n+7){--confetti-slot:6;--confetti-drift:8px;animation-delay:.15s}.example-final-burst span:nth-child(12n+8){--confetti-slot:7;--confetti-drift:-4px;animation-delay:.31s}.example-final-burst span:nth-child(12n+9){--confetti-slot:8;--confetti-drift:12px;animation-delay:.18s}.example-final-burst span:nth-child(12n+10){--confetti-slot:9;--confetti-drift:-12px;animation-delay:.36s}.example-final-burst span:nth-child(12n+11){--confetti-slot:10;--confetti-drift:6px;animation-delay:.24s}.example-final-burst span:nth-child(12n){--confetti-slot:11;--confetti-drift:-8px;animation-delay:.42s}.example-final-burst span:nth-child(n+13):nth-child(-n+24){animation-delay:calc(var(--extra-delay,0s) + .52s)}.example-final-burst span:nth-child(n+25):nth-child(-n+36){animation-delay:calc(var(--extra-delay,0s) + .86s)}.example-final-burst span:nth-child(n+37):nth-child(-n+48){animation-delay:calc(var(--extra-delay,0s) + 1.18s)}.example-final-burst span:nth-child(n+49):nth-child(-n+60){animation-delay:calc(var(--extra-delay,0s) + 1.5s)}.example-final-burst span:nth-child(n+61):nth-child(-n+72){animation-delay:calc(var(--extra-delay,0s) + 1.82s)}@keyframes fresh-chat-panel-in{to{opacity:1;transform:translate(0)}}@keyframes practice-feedback-in{0%{opacity:0;transform:translateY(10px)}}@keyframes practice-strike{to{transform:scaleX(1)}}@keyframes practice-correct-answer-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes practice-check-in{0%{opacity:0;transform:scale(.2)rotate(-18deg)}}@keyframes practice-complete-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes practice-confetti-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(420px)rotate(620deg)}}@keyframes practice-continue-in{to{opacity:1;transform:translate(0)}}@keyframes final-confetti-fall{0%{opacity:0;transform:translateY(-24px)rotate(0)}10%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(680px)rotate(720deg)}}.video-detail-page{min-height:100vh;padding:28px max(16px,50vw - 720px) 56px}.video-detail-header{justify-content:space-between;align-items:center;gap:18px;max-width:1440px;margin:0 auto 24px;display:flex}.video-detail-grid{--video-detail-height:min(920px, calc(100vh - 96px));grid-template-columns:minmax(360px,.95fr) minmax(360px,.9fr);align-items:stretch;gap:24px;max-width:1180px;margin:0 auto;display:grid}.video-detail-player{width:min(100%,520px);height:var(--video-detail-height);aspect-ratio:9/16;background:#111827;border-radius:32px;justify-self:end;position:relative;overflow:hidden}.video-detail-player video{object-fit:cover;width:100%;height:100%;display:block}.video-detail-side{height:var(--video-detail-height);grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:0;display:grid}.video-detail-info,.video-detail-chat{gap:12px;padding:24px;display:grid}.video-detail-info h1{letter-spacing:-.06em;max-width:none;margin:0;font-size:clamp(34px,4vw,54px);line-height:1}.video-detail-info>em{color:#667085;font-style:normal;font-weight:900}.video-detail-info>p{color:var(--text);margin:0;font-size:18px;font-weight:850;line-height:1.35}.video-detail-info>small{color:var(--muted);font-size:14px;font-weight:750}.video-detail-chat{grid-template-rows:auto minmax(0,1fr) auto auto;height:auto;min-height:0}.video-detail-chat h2{margin:0}.video-detail-chat-log{overscroll-behavior:contain;align-content:start;gap:10px;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden auto}.video-detail-chat-log .creation-chat-bubble{display:block;overflow:visible}.markdown-message{white-space:normal;overflow-wrap:break-word;min-width:0;max-width:100%}.video-detail-chat-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.video-detail-chat-form input{min-height:52px}.lesson-page{gap:10px;min-height:100vh;padding:20px max(16px,50vw - 720px) 56px;display:grid}.lesson-page-header{grid-template-columns:1fr auto 1fr;align-items:start;width:100%;max-width:1440px;margin:0 auto;display:grid}.lesson-page-header .brand{grid-column:2;justify-self:center}.lesson-page-header>.button{justify-self:start;width:auto}.lesson-page-heading{justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;display:flex}.lesson-page-heading h1{margin-bottom:8px;font-size:clamp(34px,4vw,54px)}.lesson-page-heading p{max-width:760px;margin-bottom:0;font-weight:750}.lesson-page-heading>strong{max-width:360px;color:var(--accent);text-align:right;font-size:14px;font-weight:900}.generator-shell{gap:18px;min-height:100vh;padding:28px max(16px,50vw - 720px) 56px;display:grid}.generator-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:26px;display:flex}.generator-header h1{margin-bottom:10px}.generator-header p{max-width:720px;margin-bottom:0}.generator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.generator-panel{align-content:start;gap:16px;padding:22px;display:grid}.generator-panel label{color:var(--muted);gap:8px;font-size:13px;font-weight:850;display:grid}.panel-heading{margin-bottom:2px}.panel-heading p{margin-bottom:0}.generator-two-up{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prompt-editor{min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.prompt-summary,.status-card,.generator-log,.generator-error,.raw-task{border:1px solid var(--line);background:var(--surface-soft);border-radius:18px}.prompt-summary{color:var(--muted);gap:7px;padding:14px;font-size:13px;line-height:1.45;display:grid}.prompt-summary strong{color:var(--text)}.status-card{gap:8px;padding:18px;display:grid}.status-card span,.status-card small{color:var(--muted);font-size:12px;font-weight:850}.status-card span{letter-spacing:.07em;text-transform:uppercase}.status-card strong{letter-spacing:-.06em;font-size:clamp(30px,4vw,48px);line-height:1}.generator-log{gap:8px;max-height:270px;padding:14px;display:grid;overflow:auto}.generator-log p{color:var(--muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.generator-preview{border:1px dashed var(--line-strong);min-height:460px;color:var(--muted);background:radial-gradient(circle at 50% 24%, #f9731624, transparent 16rem), var(--surface-soft);border-radius:24px;place-items:center;font-weight:850;display:grid;overflow:hidden}.generator-preview video{object-fit:contain;background:#111827;width:100%;height:100%;max-height:620px;display:block}.generator-error{color:#991b1b;background:#ef44441a;padding:12px 14px;font-size:13px;font-weight:850}.raw-task{overflow:hidden}.raw-task summary{cursor:pointer;color:var(--muted);padding:12px 14px;font-size:13px;font-weight:850}.raw-task pre{border-top:1px solid var(--line);max-height:260px;color:var(--text);background:#fff;margin:0;padding:14px;font-size:12px;line-height:1.45;overflow:auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1120px){.create-grid{--preview-card-width:min(430px, calc(100vw - 76px));grid-template-columns:minmax(0, var(--preview-card-width))}.video-detail-grid{grid-template-columns:1fr}.video-detail-player,.video-stage{justify-self:center}.video-frame{justify-self:center;width:100%}.video-grid,.example-video-choice-grid,.flashcard-showcase,.culture-card-grid,.culture-card{grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard-back,.dialogue-training-card,.culture-card{grid-template-columns:var(--use-case-video-width) minmax(0, 1fr)}.scenario-study-card{grid-template-columns:minmax(0, 1fr) var(--use-case-video-width)}}@media (max-width:820px){.topbar,.search-hero,.gallery-hero,.generator-header,.generator-grid,.browse-controls,.video-grid,.lesson-builder-panel,.lesson-video-picker,.example-video-choice-grid,.example-learning-shell,.example-lesson-two-up,.example-bonus-panel,.flashcard-showcase,.flashcard-back,.dialogue-training-card,.scenario-study-card,.culture-card-grid,.culture-card{grid-template-columns:1fr}.generator-header{display:grid}.tab-list{flex-wrap:wrap;justify-content:center;justify-self:center;position:static;transform:none}.topbar{justify-items:center;display:grid}.example-selected-toolbar>div{justify-self:start}.example-selected-toolbar{justify-items:start;display:grid}.example-selected-toolbar>div{text-align:left;justify-items:start}.topbar-actions{flex-wrap:wrap;justify-content:center;justify-self:center}.home-dashboard-top,.home-summary-stats,.home-next-card,.home-next-situation,.home-discovery-grid,.home-video-row,.home-tag-row{grid-template-columns:1fr}.home-section-heading{flex-direction:column;align-items:flex-start}.home-filter-pills{justify-content:flex-start}.home-interest-row{grid-template-columns:repeat(2,minmax(0,1fr))}.home-summary-stats{border-top:1px solid var(--line);border-left:0;width:100%;padding-top:18px;padding-left:0}.search-box{grid-template-columns:1fr}.video-stage,.tool-reserved{min-height:0}.flashcard-front,.flashcard-back{min-height:auto}.flashcard-video-slot{width:min(100%, var(--use-case-video-width));justify-self:center}.example-lesson-panel{min-height:auto}.example-lesson-sidebar{grid-area:auto}.example-lesson-two-up,.example-bonus-panel,.example-chat-panel{height:auto;min-height:auto}.intro-cinematic .example-video-slot{transform:none}.self-intro-chat-form{left:0;right:112px}.example-video-slot{width:min(100%,320px)}.timed-video-subtitle{text-align:center;width:min(88vw,320px);top:auto;bottom:18px;left:50%;transform:translate(-50%)}.timed-video-subtitle span{border-radius:15px;padding:10px 12px;font-size:clamp(18px,6vw,28px);line-height:1.05}.lesson-builder-panel>.button{justify-self:start}.dialogue-use-case-heading,.culture-use-case-heading{text-align:left;justify-self:stretch}.dialogue-video-slot,.scenario-video-slot,.culture-video-slot{width:min(100%, var(--use-case-video-width));justify-self:center}}@media (max-width:560px){.app-shell{padding:20px 10px 56px}.search-hero h1{white-space:normal}.search-hero,.gallery-hero,.generator-header,.generator-panel,.example-lesson-sidebar,.example-lesson-panel,.video-stage,.tool-reserved{padding:16px}.example-chat-form{grid-template-columns:1fr}.example-video-choice-card,.example-video-placeholder-card{min-height:auto}.example-choice-video-frame{width:min(100%,320px)}.practice-choice-grid,.lesson-creation-header,.lesson-creation-steps{grid-template-columns:1fr}.lesson-creation-header>strong{justify-self:start}.practice-mode-actions{flex-direction:column}.lesson-video-option{grid-template-columns:72px minmax(0,1fr)}.home-dashboard-top,.home-next-card,.home-interest-panel,.home-trending-panel,.home-create-card,.home-tag-progress{border-radius:22px;padding:18px}.home-week-days{grid-template-columns:repeat(7,minmax(28px,1fr));gap:6px}.home-video-row,.home-interest-row{grid-template-columns:1fr}.home-next-situation video{aspect-ratio:16/10;height:auto}.home-next-button{width:100%}.home-comprehension-panel{padding:20px}.generator-two-up,.flashcard-breakdown>div{grid-template-columns:1fr}.tab{width:100%;min-width:0}.video-frame{border-width:6px;border-radius:30px}}