:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141316;--surface:#1c1b1f;--surface-2:#25232a;--surface-3:#302e36;--line:#2d2b33;--line-strong:#45424d;--text:#f4f2ee;--text-2:#bdb9c4;--text-3:#938f9c;--accent:#ecd28b;--accent-strong:#f5e0a3;--accent-ink:#1e1a10;--accent-soft:#ecd28b1f;--latin:#a5cdc6;--good:#a9d6a4;--danger-bg:#40262a;--danger:#ffcfc9;--radius-s:8px;--radius-m:12px;--radius-l:18px;--ease:cubic-bezier(.2, 0, 0, 1);--topbar:64px;--display:"Manrope", "Inter", system-ui, sans-serif;font-synthesis:none;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;font-weight:400;line-height:1.55}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.2}h1{font-size:clamp(28px,3.4vw,38px)}h2{font-size:20px}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;transition-property:background-color,border-color,color,opacity,scale;transition-duration:.15s;transition-timing-function:var(--ease)}button:active:not(:disabled){scale:.96}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{font:inherit;border:1px solid var(--line-strong);color:var(--text-3);border-radius:5px;padding:3px 6px;font-size:11px;line-height:1}@media (hover:none){kbd{display:none}}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600}.muted{color:var(--text-2);font-size:14px}.primary,.secondary{border-radius:var(--radius-m);white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:var(--accent-ink);border:0}.secondary{background:var(--surface-2);border:1px solid var(--line-strong);min-height:44px;padding:0 16px;font-size:14px;font-weight:500}.text-button{border-radius:var(--radius-s);min-height:44px;color:var(--text-2);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex}.icon-button{width:44px;height:44px;color:var(--text-2);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-content:center;display:grid}@media (hover:hover){.primary:hover:not(:disabled){background:var(--accent-strong)}.secondary:hover:not(:disabled){background:var(--surface-3)}.text-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}}.error{border-radius:var(--radius-m);background:var(--danger-bg);color:var(--danger);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:12px 16px;font-size:14px;display:flex}.error .text-button{color:inherit;text-decoration:underline}.translation{color:var(--accent)}.romanization{color:var(--latin)}.skeleton{background:var(--surface);border-radius:var(--radius-m);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.topbar{z-index:4;height:var(--topbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#141316e6;justify-content:space-between;align-items:center;padding:0 max(20px,50vw - 652px);display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand-icon{background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border-radius:9px;place-content:center;font-size:20px;line-height:1;display:grid}.brand-dot{color:var(--accent)}.header-right{align-items:center;gap:4px;display:flex}.account{color:var(--text-2);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.account-initial{background:var(--surface-3);width:30px;height:30px;color:var(--text);border-radius:50%;place-content:center;font-size:13px;font-weight:600;display:grid}.sign-in{border:1px solid var(--line-strong);background:0 0;border-radius:999px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600}@media (hover:hover){.sign-in:hover{background:var(--surface-2)}}.layout{grid-template-columns:232px minmax(0,1fr);max-width:1360px;margin:0 auto;display:grid}aside{top:var(--topbar);height:calc(100dvh - var(--topbar));border-right:1px solid var(--line);flex-direction:column;gap:4px;padding:24px 16px;display:flex;position:sticky}.nav-link{border-radius:var(--radius-s);width:100%;min-height:44px;color:var(--text-2);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:500;display:flex}.nav-link.active{background:var(--surface-2);color:var(--accent)}@media (hover:hover){.nav-link:hover:not(.active){background:var(--surface);color:var(--text)}}.aside-note{color:var(--text-3);margin-top:auto;padding:12px;font-size:13px}.aside-note span{color:var(--text-2);font-weight:500;display:block}main{min-width:0;padding:40px 48px 64px}.mobile-nav{display:none}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.intro{color:var(--text-2);max-width:520px;margin-top:8px}.search{border:1px solid var(--line);background:var(--surface);width:280px;height:44px;color:var(--text-3);transition:border-color .15s var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:10px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.search input::placeholder{color:var(--text-3)}.levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:32px;display:grid}.levels>button{text-align:left;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:14px 16px;display:grid}.level-num{font-family:var(--display);color:var(--text-3);font-variant-numeric:tabular-nums;grid-row:span 2;font-size:13px;font-weight:700}.levels strong{font-size:15px;font-weight:600}.levels small{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.level-count{background:var(--surface-3);text-align:center;min-width:26px;color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:999px;grid-area:1/3/span 2;padding:2px 8px;font-size:12px;font-weight:600}.levels>button.active{border-color:var(--accent);background:var(--accent-soft)}.levels>button.active .level-num,.levels>button.active strong{color:var(--accent)}@media (hover:hover){.levels>button:hover:not(.active){border-color:var(--line-strong);background:var(--surface-2)}}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px;display:grid}.thumbnail{aspect-ratio:16/9;border-radius:var(--radius-m);background:var(--surface-2);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumbnail:active:not(:disabled){scale:.98}.thumbnail:after{content:"";border-radius:inherit;outline-offset:-1px;pointer-events:none;outline:1px solid oklch(100% 0 0/.1);position:absolute;inset:0}.thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.duration,.done-badge{color:#fff;font-variant-numeric:tabular-nums;background:#000000c7;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:12px;font-weight:500;display:flex;position:absolute;bottom:8px}.duration{right:8px}.done-badge{color:var(--good);left:8px}.play{color:#fff;opacity:0;width:52px;height:52px;transition-property:opacity,scale;transition-duration:.15s;transition-timing-function:var(--ease);background:#000000a6;border-radius:50%;place-content:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.9}.play svg{translate:1.5px}.thumbnail:hover .play,.thumbnail:focus-visible .play{opacity:1;scale:1}.watch-progress{background:#000000b3;height:4px;position:absolute;bottom:0;left:0;right:0}.watch-progress span{background:var(--accent);height:100%;display:block}.card-body{justify-content:space-between;align-items:flex-start;gap:4px;margin-top:10px;display:flex}.card-body>div{min-width:0}.video-title{-webkit-line-clamp:2;text-align:left;background:0 0;border:0;-webkit-box-orient:vertical;padding:0;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.video-title:active:not(:disabled){scale:1}@media (hover:hover){.video-title:hover{color:var(--accent)}}.channel{color:var(--text-3);align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.channel>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.level-tag{background:var(--surface-3);color:var(--text-2);text-transform:capitalize;border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:12px}.save{width:40px;height:40px;color:var(--text-3);background:0 0;border:0;border-radius:50%;flex-shrink:0;place-content:center;margin:-6px -8px 0 0;display:grid}.save[aria-pressed=true]{color:var(--accent)}@media (hover:hover){.save:hover{background:var(--surface-2);color:var(--text)}.save[aria-pressed=true]:hover{color:var(--accent)}}.video-grid .skeleton{aspect-ratio:16/12}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius-l);text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:8px;padding:64px 24px;display:flex}.empty svg{color:var(--accent);margin-bottom:8px}.empty h3{color:var(--text);font-size:18px}.empty .primary,.empty .secondary{margin-top:16px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .15s var(--ease);background:#08070ab8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:400px;max-height:95dvh;box-shadow:0 0 0 1px var(--line), 0 24px 80px #000a;animation:rise .2s var(--ease);border-radius:20px;padding:32px;position:relative;overflow:auto}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;translate:0 8px}}.modal h2{margin-top:20px;font-size:24px}.modal>p{color:var(--text-2);margin-top:8px}.modal-close{position:absolute;top:12px;right:12px}.modal form{gap:16px;margin-top:24px;display:grid}.modal form label{color:var(--text-2);gap:6px;font-size:14px;font-weight:500;display:grid}.modal input{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--bg);width:100%;height:46px;color:var(--text);padding:0 14px;font-size:16px}.modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.modal small{color:var(--text-3);font-size:13px}.modal .error{margin:0}.modal .primary{width:100%;margin-top:4px}.switch{border-radius:var(--radius-s);width:100%;min-height:44px;color:var(--text-2);background:0 0;border:0;margin-top:12px;font-size:14px}@media (hover:hover){.switch:hover{color:var(--text)}}.today-page{max-width:760px;margin:0 auto}.today-page>h1{margin-top:8px}.today-intro{color:var(--text-2);margin:10px 0 28px;font-size:16px}.today-summary,.today-welcome{border-radius:var(--radius-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:24px 28px}.today-summary{justify-content:space-between;align-items:center;gap:24px;display:flex}.today-summary.skeleton{height:132px;box-shadow:none}.due{align-items:center;gap:18px;display:flex}.due-count{font-family:var(--display);letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:60px;font-weight:700;line-height:1}.today-summary h2{letter-spacing:0;font-family:inherit;font-size:17px;font-weight:600}.today-summary p{color:var(--text-2);margin-top:2px;font-size:14px}.today-summary .primary{flex-shrink:0}.up-to-date{color:var(--good);flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.today-welcome{justify-items:start;gap:10px;display:grid}.today-welcome>svg{color:var(--accent)}.today-welcome p{color:var(--text-2);max-width:520px}.today-welcome .primary{margin-top:8px}.review-hint{color:var(--text-2);margin-top:12px;font-size:14px}.card-feedback{color:var(--good);align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.today-section{margin-top:40px}.today-section>h2{margin-bottom:4px}.next-video{border-radius:var(--radius-l);background:var(--surface);width:100%;box-shadow:inset 0 0 0 1px var(--line);text-align:left;border:0;align-items:center;gap:16px;margin-top:16px;padding:12px;display:flex}.next-video:active:not(:disabled){scale:.99}@media (hover:hover){.next-video:hover{background:var(--surface-2)}}.next-video img{aspect-ratio:16/9;object-fit:cover;outline-offset:-1px;border-radius:6px;outline:1px solid oklch(100% 0 0/.1);flex-shrink:0;width:168px}.next-video>span:not(.next-play){flex:1;min-width:0}.next-video small{color:var(--text-3);font-size:13px;display:block}.next-video strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.next-play{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-content:center;margin-right:8px;display:grid}.next-play svg{translate:1.5px}.collection-settings{border-radius:var(--radius-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);align-items:center;gap:20px;margin-top:16px;padding:16px 20px;display:flex}.collection-settings>label:first-child{cursor:pointer;flex:1;align-items:flex-start;gap:12px;display:flex}.collection-settings input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}.collection-settings strong{font-weight:600;display:block}.collection-settings small{color:var(--text-2);margin-top:2px;font-size:13px;display:block}.daily-limit{color:var(--text-2);gap:4px;font-size:13px;display:grid}select{border:1px solid var(--line-strong);border-radius:var(--radius-s);background:var(--surface-2);min-height:44px;color:var(--text);padding:0 10px;font-size:14px}.manage-deck{margin:8px 0 0 -10px}.deck-list{border-radius:var(--radius-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);margin-top:8px;display:grid;overflow:hidden}.deck-list>p{color:var(--text-2);padding:20px}.deck-list article{justify-content:space-between;align-items:center;gap:16px;padding:14px 12px 14px 20px;display:flex}.deck-list article+article{border-top:1px solid var(--line)}.deck-list article p{font-size:16px}.deck-list article p.translation{font-size:14px}.deck-list article small{color:var(--text-3);font-size:13px;display:block}.deck-list article small.romanization{color:var(--latin)}.card-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px;display:flex}.daily-review{max-width:620px;margin:0 auto}.daily-review>.text-button{margin-left:-10px}.review-heading{color:var(--text-3);justify-content:space-between;align-items:center;gap:12px;margin:16px 0 10px;font-size:13px;display:flex}.review-bar{background:var(--surface-2);border-radius:4px;height:4px;margin-bottom:20px;overflow:hidden}.review-bar span{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s var(--ease);display:block}.review-card{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:center;border-radius:22px;padding:32px}.review-prompt{color:var(--text-3);margin-bottom:24px;font-size:14px}.review-phrase h1{letter-spacing:-.01em;overflow-wrap:anywhere;font-family:inherit;font-size:clamp(26px,4vw,36px);font-weight:600;line-height:1.35}.review-phrase .romanization{margin-top:8px;font-size:17px}.replay-moment{border-radius:999px;margin-top:20px}.review-video{border-radius:var(--radius-m);margin-top:16px;overflow:hidden}.review-source{color:var(--text-3);margin:12px 0 24px;font-size:13px}.review-answer{border-top:1px solid var(--line);margin-bottom:20px;padding-top:24px;font-size:24px;font-weight:500;line-height:1.35}.reveal-answer{width:100%}.rating-buttons{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.rating-buttons button{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface-2);justify-items:center;gap:2px;padding:12px 4px;display:grid}.rating-buttons strong{font-size:15px;font-weight:600}.rating-buttons small{color:var(--text-2);font-size:13px}.rating-buttons kbd{margin-top:6px}.rating-buttons button:last-child{border-color:var(--accent);background:var(--accent-soft)}.rating-buttons button:last-child strong{color:var(--accent)}@media (hover:hover){.rating-buttons button:hover:not(:disabled){background:var(--surface-3)}}.review-extras{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.review-extras .text-button{color:var(--text-3);font-size:13px}.review-finished{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:center;border-radius:22px;justify-items:center;gap:10px;padding:56px 24px;display:grid}.review-finished>svg{color:var(--good)}.review-finished h1{font-size:28px}.review-finished .primary{margin-top:16px}.video-stage{background:#000;position:relative}.player{aspect-ratio:16/9;background:#000}.player>div,.player iframe{border:0;width:100%;height:100%;display:block}.player-error{background:var(--danger-bg);color:var(--danger);padding:14px 16px;font-size:14px}.player-error a{text-decoration:underline}.immersion{z-index:8;background:var(--bg);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.immersion-top{height:60px;padding:0 max(8px, env(safe-area-inset-left));border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;display:flex}.immersion-top>div{flex:1;min-width:0}.immersion-top span{color:var(--text-3);font-size:12px;display:block}.immersion-top h1,.immersion-top span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.immersion-top h1{letter-spacing:0;font-family:inherit;font-size:15px;font-weight:600;line-height:1.35}.immersion-top [aria-pressed=true]{color:var(--accent)}.listen-body{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);align-self:center;width:100%;max-width:1400px;min-height:0;display:grid}.listen-focus{min-width:0;padding:20px;overflow-y:auto}.listen-focus .video-stage{border-radius:var(--radius-l);overflow:hidden}.live-caption{text-align:center;align-content:center;gap:6px;min-height:132px;padding:20px 12px 12px;display:grid}.live-caption p{text-wrap:balance;font-size:clamp(20px,2.1vw,28px);font-weight:500;line-height:1.35}.live-caption .romanization{font-size:clamp(15px,1.5vw,19px);font-weight:400}.live-caption .translation{font-size:clamp(16px,1.7vw,21px);font-weight:400}.live-caption .translation:empty{display:none}.support-status,.live-caption .caption-off{color:var(--text-3);font-size:14px;font-weight:400}.phrase-toolbar{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.phrase-toolbar .secondary{border-radius:999px;min-height:40px;font-size:13px}.phrase-toolbar .secondary:first-child:not(:disabled){border-color:var(--accent);color:var(--accent)}.phrase-notice{left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:2;background:var(--surface-3);width:fit-content;box-shadow:0 0 0 1px var(--line-strong), 0 12px 40px #0009;color:var(--text);animation:rise .2s var(--ease);border-radius:22px;align-items:center;gap:4px;margin:0 auto;padding:4px 4px 4px 16px;font-size:14px;display:flex;position:absolute}.phrase-notice.error{background:var(--danger-bg);color:var(--danger)}.phrase-notice .text-button{border-radius:999px;min-height:36px;font-size:13px;text-decoration:none}.transcript-panel{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex;position:relative}.transcript-heading{border-bottom:1px solid var(--line);color:var(--text-3);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 4px 20px;font-size:13px;display:flex}.transcript-heading .text-button{font-size:13px}.transcript-heading .text-button.done{color:var(--good)}.listening-transcript{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;min-height:0;padding:8px 8px 88px;overflow:auto}.listening-transcript>button{border-radius:var(--radius-m);width:100%;color:var(--text-2);text-align:left;background:0 0;border:0;grid-template-columns:44px 1fr;column-gap:8px;padding:12px;font-size:17px;line-height:1.45;display:grid}.listening-transcript>button:active:not(:disabled){scale:.99}.listening-transcript time{color:var(--text-3);font-variant-numeric:tabular-nums;grid-row:span 2;padding-top:4px;font-size:12px}.listening-transcript small{opacity:.75;grid-column:2;font-size:14px}.listening-transcript>button.current{background:var(--accent-soft);color:var(--text)}.listening-transcript>button.current time{color:var(--accent)}.listening-transcript>button.current small{opacity:1}@media (hover:hover){.listening-transcript>button:hover:not(.current){background:var(--surface-2);color:var(--text)}}.follow-button{background:var(--accent);min-height:40px;color:var(--accent-ink);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:16px;left:50%;translate:-50%;box-shadow:0 8px 28px #0008}.listening-tools{padding:8px 8px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.listening-tools>button,.listening-tools>label{border-radius:var(--radius-m);min-height:56px;color:var(--text-2);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.listening-tools svg{stroke-width:1.75px;width:22px;height:22px}.listening-tools [aria-pressed=true]{color:var(--accent)}.listening-tools select{max-width:100%;min-height:0;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:500}.listening-tools option{background:var(--surface-2);color:var(--text)}@media (hover:hover){.listening-tools>button:hover,.listening-tools>label:hover{background:var(--surface-2)}}@media (width>=761px){.listening-tools{justify-content:center;gap:8px;display:flex}.listening-tools>button,.listening-tools>label{flex-direction:row;gap:10px;min-height:44px;padding:0 18px;font-size:14px}.listening-tools select{font-size:14px}.phrase-notice{bottom:76px}}.card-sheet{background:var(--surface);width:min(560px,100vw - 24px);max-height:88dvh;color:var(--text);box-shadow:0 0 0 1px var(--line-strong), 0 24px 80px #000a;border:0;border-radius:22px;margin:auto;padding:24px;overflow:auto}.card-sheet[open]{animation:rise .2s var(--ease)}.card-sheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08070ab8}.sheet-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-heading h2{margin-top:4px;font-size:24px}.sheet-heading .icon-button{margin:-8px -8px 0 0}.card-sheet>.muted{margin:8px 0 20px}.suggestion-list{gap:8px;display:grid}.suggestion-list article{border-radius:var(--radius-m);background:var(--surface-2);padding:16px}.suggestion-list article p{font-size:18px;font-weight:500;line-height:1.4}.suggestion-list article p.romanization,.suggestion-list article p.translation{margin-top:2px;font-size:15px;font-weight:400}.suggestion-list .card-actions{margin-top:12px}.suggestion-list .secondary{background:var(--surface-3);border-radius:999px;min-height:40px}.suggestion-list .text-button{min-height:40px}.suggestion-list article .card-feedback{font-size:14px}.sheet-done{width:100%;margin-top:20px}.review-empty{color:var(--text-2);padding:16px 0}.onboarding{background:var(--bg);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);border:0;margin:0;padding:0;overflow:auto}.onboarding::backdrop{background:var(--bg)}.onboarding-inner{width:min(100%,520px);min-height:100%;margin:0 auto;padding:20px 24px 32px}.onboarding-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.onboarding-top .text-button{margin-right:-10px}.setup-progress{gap:6px;margin-bottom:32px;display:flex}.setup-progress span{background:var(--surface-3);height:4px;transition:background-color .3s var(--ease);border-radius:4px;flex:1}.setup-progress .filled{background:var(--accent)}.onboarding h1{outline:none;margin-top:8px;font-size:30px}.setup-intro{color:var(--text-2);margin:10px 0 24px;font-size:16px}.setup-options{gap:8px;display:grid}.setup-options button{border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);text-align:left;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px 16px;display:flex}.setup-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}@media (hover:hover){.setup-options button:hover:not([aria-pressed=true]){border-color:var(--line-strong);background:var(--surface-2)}}.setup-options strong{font-size:16px;font-weight:600;display:block}.setup-options small{color:var(--text-2);font-size:14px;display:block}.setup-options svg{color:var(--accent);flex-shrink:0}.reading-preview,.letter-example,.ready-card{border-radius:var(--radius-l);background:var(--surface);text-align:center;gap:6px;display:grid}.reading-preview{margin-top:16px;padding:20px;font-size:26px;font-weight:500}.reading-preview .romanization,.reading-preview .translation{font-size:17px;font-weight:400}.letter-example{gap:10px;padding:28px 20px;font-size:30px;font-weight:500}.letter-example strong{color:var(--latin);font-size:22px;font-weight:400}.practice-question{text-align:center;margin-top:24px;font-size:16px}.word-options{gap:8px;margin:14px 0;display:flex}.word-options button{border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--surface);flex:1;min-height:56px;padding:0 8px;font-size:19px;font-weight:500}.word-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.practice-feedback{text-align:center;min-height:48px;color:var(--accent)}.ready-card{color:var(--accent);justify-items:center;gap:16px;padding:44px 24px}.ready-card p{color:var(--text);font-size:17px}.setup-actions{align-items:center;gap:8px;margin-top:24px;display:flex}.setup-actions .icon-button{border:1px solid var(--line-strong);width:50px;height:50px}.setup-actions .primary{flex:1;min-height:50px}.setup-footnote,.reading-note{text-align:center;color:var(--text-3);margin-top:16px;font-size:13px}@media (width<=1100px){.layout{grid-template-columns:200px minmax(0,1fr)}main{padding:32px 28px 56px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.levels small{display:none}.levels>button{padding:12px}}@media (width<=760px){:root{--topbar:56px}.account-name{display:none}.layout{display:block}aside{display:none}main{padding:24px 16px calc(96px + env(safe-area-inset-bottom))}.mobile-nav{z-index:5;padding:6px 8px max(6px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1c1b1ff2;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-link{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:3px;min-height:52px;padding:0 4px;font-size:12px}.mobile-nav .nav-link.active{background:0 0}.page-head{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.search{width:100%}.levels{scrollbar-width:none;margin:0 -16px 24px;padding:0 16px 4px;display:flex;overflow-x:auto}.levels::-webkit-scrollbar{display:none}.levels>button{border-radius:999px;flex:none;column-gap:8px;padding:10px 14px}.levels .level-num{grid-row:auto}.levels .level-count{display:none}.rating-buttons strong{font-size:14px}.listening-tools select{appearance:none;text-align:center;text-align-last:center}.video-grid{gap:28px 12px}.today-summary{flex-direction:column;align-items:stretch;padding:20px}.today-welcome{padding:20px}.next-video{gap:12px;padding:10px}.next-video img{width:112px}.next-video strong{font-size:15px}.next-play{width:36px;height:36px;margin-right:2px}.collection-settings{flex-direction:column;align-items:stretch;gap:14px;padding:16px}.daily-limit{grid-template-columns:1fr auto;align-items:center;font-size:14px}.deck-list article{flex-direction:column;align-items:stretch;gap:6px;padding:14px 8px 8px 16px}.review-card{padding:24px 16px}.review-answer{font-size:21px}.listen-body{flex-direction:column;display:flex}.listen-focus{flex-shrink:0;padding:0 0 10px;overflow:visible}.listen-focus .video-stage{border-radius:0}.live-caption{gap:2px;min-height:104px;max-height:24dvh;padding:12px 16px 10px;overflow-y:auto}.live-caption p{font-size:19px}.live-caption .romanization{font-size:14px}.live-caption .translation{font-size:16px}.phrase-toolbar{gap:6px}.phrase-toolbar .secondary{min-height:36px;padding:0 12px}.transcript-panel{border-left:0;border-top:1px solid var(--line);flex:1;min-height:64px}.transcript-heading{padding-left:16px}.transcript-heading .text-button{min-height:36px}.listening-transcript{padding:6px 6px 64px}.listening-transcript>button{padding:10px;font-size:16px}.card-sheet{padding:20px 16px}}@media (width<=520px){.video-grid{grid-template-columns:minmax(0,1fr)}.video-grid .skeleton{aspect-ratio:16/11}}@media (height<=600px) and (width>=600px){.listen-body{grid-template-columns:1fr 1fr;display:grid}.listen-focus{padding:8px;overflow-y:auto}.live-caption{min-height:60px;padding:8px}.live-caption p{font-size:16px}.listening-tools>button,.listening-tools>label{min-height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:active:not(:disabled){scale:1}}.language-choice{align-items:center;gap:.5rem;min-width:0;font-size:.8rem;display:flex}.language-choice select{font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid var(--border,#ddd);border-radius:.5rem;max-width:9rem;min-height:44px;padding:.6rem .4rem}.listening-transcript [dir=rtl],.suggestion-list [dir=rtl],.deck-list [dir=rtl]{text-align:right}[lang][dir]{unicode-bidi:isolate}@media (width<=480px){.header-right{gap:.4rem}.language-choice>span{display:none}.language-choice select{max-width:7rem}}