:root{--page-bg:#f7f4ed;--surface:#fffdf7;--subtle:#f1ece1;--selected:#eef4ef;--text:#3d3932;--heading:#22201c;--muted:#776f62;--border:#ddd3c3;--border-strong:#b9aa93;--accent:#bd543c;--accent-strong:#973e2d;--ink:#232323;--ink-soft:#2f4056;--navy:#2f4056;--koi-cream:#ebcda6;--koi-tile:url(/koi-tile.webp);--koi-tile-size:250px 250px;--koi-green:#4aa04a;--shadow:0 18px 42px #2a22182e;--soft-shadow:0 10px 24px #2a221814;--font-japanese:Inter, "Noto Sans JP", "Noto Sans CJK JP", "Source Han Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "MS PGothic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-japanese);color:var(--text);background:var(--page-bg);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--page-bg)}body{min-width:0;min-height:100vh;margin:0}#root{min-width:0;min-height:100vh}.app-error-boundary{background:var(--page-bg);min-height:100vh;color:var(--text);place-items:center;padding:18px;display:grid}.app-error-boundary section{border:1px solid var(--border);background:var(--surface);width:min(100%,320px);box-shadow:var(--soft-shadow);border-radius:6px;gap:10px;padding:14px;display:grid}.app-error-boundary strong{color:var(--heading);font-size:1rem}.app-error-boundary p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.4}.app-error-boundary button{border:1px solid var(--accent);background:var(--accent);color:#fffaf0;border-radius:4px;justify-self:start;min-height:30px;padding:0 12px;font-weight:800}.app-shell{background:radial-gradient(circle at 85% 4%, #bd543c1c, transparent 280px), linear-gradient(90deg, #2323230d 0 160px, transparent 160px), var(--page-bg);min-height:100vh;color:var(--text)}.studio{grid-template-rows:auto auto auto;grid-template-columns:160px minmax(0,1fr);grid-auto-rows:auto;align-items:start;width:100%;margin:0;padding:0;display:grid}.topbar{background:var(--ink);color:#f9f5ec;border-right:1px solid #ffffff14;grid-area:1/1/-1;grid-template-columns:1fr;grid-auto-rows:min-content;align-self:start;gap:18px;min-height:100vh;padding:14px 10px;display:grid;position:sticky;top:0}.page-route{grid-column:2;min-width:0;margin:0 18px 18px}.extension-panel-shell{background:#f4eee3;min-height:100vh;overflow:hidden}.extension-panel-shell .studio{height:100vh;min-height:0;padding:6px 3px 52px 6px;display:block;overflow:hidden}.extension-panel-shell .topbar,.extension-panel-shell .koi-banner{display:none}.extension-panel-shell .page-route{height:100%;min-height:0;margin:0}.extension-mining-rail{z-index:6;border:1px solid var(--border);box-shadow:var(--soft-shadow);background:#fffdf7f5;border-width:1px 0 0;border-radius:8px 8px 0 0;gap:7px;margin:0;padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.extension-mining-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.extension-mining-counts span,.extension-mining-counts button{border:1px solid var(--border);background:var(--subtle);color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:5px 6px;font-size:.72rem;font-weight:850;overflow:hidden}.extension-mining-counts button{cursor:pointer;background:var(--ink);color:#fffaf0}.extension-mining-counts button:hover,.extension-mining-counts button:focus-visible{border-color:var(--accent);background:var(--accent-strong)}.extension-app-frame{grid-template-rows:auto auto minmax(0,1fr);gap:6px;min-width:0;height:100%;min-height:0;display:grid}.extension-flow-tabs button{min-height:22px;color:var(--accent-strong);background:0 0;border:0;padding:0 2px;font-size:.72rem;font-weight:850}.extension-timeline{scrollbar-width:thin;background:#fffdf8;border:1px solid #ded7ca;border-radius:4px;align-content:start;gap:5px;height:clamp(150px,32vh,230px);padding:6px;display:grid;overflow:auto}.extension-cue-row{border-radius:4px;grid-template-columns:46px minmax(0,1fr);align-items:start;gap:6px;padding:5px 4px;display:grid}.extension-cue-row.current{background:#f7f1e6}.extension-cue-row.selected{box-shadow:inset 2px 0 0 var(--accent)}.extension-cue-time{color:#827869;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:3px;min-height:28px;padding:0;font-size:.74rem;font-weight:760}.extension-cue-tokens{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.extension-token{text-align:center;border-radius:3px;align-content:center;justify-items:center;gap:1px;min-width:40px;min-height:32px;padding:4px 7px;font-size:.96rem;font-weight:760;line-height:1;display:inline-grid}.extension-token small{color:currentColor;opacity:.72;font-size:.64rem}.extension-token.selected{outline:2px solid var(--heading);outline-offset:1px}.extension-token.token-state-unknown{color:#3f3210;background:#fff4c2;border-color:#e5c95f}.extension-token.token-state-queued{color:#173a68;background:#e8f1ff;border-color:#8ab7f0}.extension-token.token-state-learning{color:#0f514d;background:#dcf8f5;border-color:#38b0a6}.extension-token.token-state-learned{color:#174c32;background:#e7f5ed;border-color:#86c59f}.extension-token.token-state-mastered{color:#415b49;background:#eff6f0;border-color:#b4cdbb}.extension-token.token-state-suspended,.extension-token.token-state-missing,.extension-token.token-state-syncError{color:#5f5548;background:#f4efe7;border-color:#beb2a0}.extension-token.token-state-ignored,.extension-token.token-state-properNoun{color:#585164;background:#f5f3f8;border-color:#ada8b9}.extension-token.token-state-neutral{color:#938574;background:#fffaf0;border-color:#e7dfd1}.extension-timeline-empty{min-height:72px;color:var(--muted);text-align:center;place-items:center;font-size:.78rem;font-weight:750;display:grid}.extension-flow-tabs{color:var(--muted);justify-content:flex-end;gap:4px;font-size:.72rem;font-weight:800;display:flex}.extension-flow-tabs button{border:1px solid #0000;border-radius:4px;padding:0 6px;line-height:1}.extension-flow-tabs button.active{color:var(--accent-strong);background:#bd543c14;border-color:#bd543c2e}.extension-workbench{background:#fffdf8;border:1px solid #ded7ca;border-radius:4px;align-content:start;gap:10px;min-height:0;padding:8px;display:grid;overflow:auto}.extension-drafts-tab{grid-template-rows:auto minmax(0,1fr);gap:6px;min-height:0;display:grid;overflow:hidden}.extension-draft-switcher{background:#fffdf8;border:1px solid #ded7ca;border-radius:4px;gap:5px;min-width:0;padding:6px;display:grid}.extension-draft-switcher-heading{color:#777066;justify-content:space-between;align-items:center;gap:8px;font-size:.7rem;font-weight:800;display:flex}.extension-draft-switcher-heading>span{color:#8a8173;white-space:nowrap}.extension-draft-switcher-list{scrollbar-width:thin;gap:5px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.extension-draft-switcher-list>button{color:#625b51;text-align:left;background:#f8f3e9;border:1px solid #ded7ca;border-radius:4px;flex:0 0 clamp(132px,44vw,180px);grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:42px;padding:5px 7px;display:grid}.extension-draft-switcher-list>button>span:first-child{color:#766e63;background:#e8dfd1;border-radius:999px;place-items:center;width:20px;height:20px;font-size:.65rem;font-weight:900;display:grid}.extension-draft-switcher-list>button.active{color:#24211d;background:#fff1eb;border-color:#bd543c;box-shadow:inset 3px 0 #bd543c}.extension-draft-switcher-list>button.active>span:first-child{color:#fffaf0;background:#bd543c}.extension-draft-switcher-copy{gap:1px;min-width:0;display:grid}.extension-draft-switcher-copy strong,.extension-draft-switcher-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.extension-draft-switcher-copy strong{font-size:.8rem;line-height:1.15}.extension-draft-switcher-copy small{color:#7d7467;font-size:.63rem;font-weight:700}.extension-draft-list{align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow:auto}.extension-draft-list .extension-workbench{min-height:auto;overflow:visible}.extension-panel-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.extension-panel-heading p{color:#777066;text-transform:none;font-size:.82rem;font-weight:700}.extension-panel-heading span{color:#7f776b;font-size:.78rem;font-weight:750}.extension-empty-instruction{color:#8a8173;font-size:.82rem;font-weight:650}.extension-koi-mark{aspect-ratio:1;background:0 0;border-radius:14px;place-self:center;width:min(64vw,190px);margin-top:36px;overflow:hidden}.extension-koi-mark img{object-fit:contain;width:100%;height:100%;display:block}.extension-word-mark{text-align:center;justify-items:center;gap:0;min-width:0;margin-top:4px;display:grid}.extension-word-mark span{color:#777066;min-height:20px;font-size:1.35rem;font-weight:460;line-height:1}.extension-word-mark strong{color:#24211d;font-size:3.05rem;font-weight:520;line-height:1}.extension-boundary-editor{color:#7d7467;border-top:1px solid #e4ddd2;padding-top:7px}.extension-boundary-editor summary{cursor:pointer;color:#777066;width:fit-content;font-size:.68rem;font-weight:760;line-height:1.35}.extension-boundary-editor summary::marker{color:#a39a8e}.extension-boundary-editor summary:hover,.extension-boundary-editor summary:focus-visible{color:#3c3730}.extension-boundary-editor[open] summary{margin-bottom:8px}.extension-boundary-copy{gap:2px;padding:0 2px;display:grid}.extension-boundary-editor strong{color:#3c3730;font-size:.72rem}.extension-boundary-editor small{color:#7d7467;font-size:.65rem;line-height:1.3}.extension-boundary-actions{flex-wrap:wrap;gap:5px;padding-top:7px;display:flex}.extension-boundary-editor button{color:#5f574c;border-radius:4px;min-height:27px;padding:0 8px;font-size:.68rem;font-weight:800}.extension-boundary-editor button.split{color:#9c4432;background:#fff5ef;border-color:#bd543c}.extension-info-block{gap:6px;min-width:0;display:grid}.extension-info-block.audio{margin-top:2px}.extension-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.extension-label-row strong,.extension-sense-header strong,.extension-edit-field>span{color:#24211d;font-size:.78rem;font-weight:850}.extension-pitch-graph{gap:5px;width:100%;min-width:0;display:grid}.extension-pitch-graph .pitch-accent-card,.extension-pitch-graph .pitch-accent-empty{background:0 0;border:0;min-height:54px;padding:0}.extension-pitch-graph .pitch-accent-svg{height:72px}.extension-pitch-editor{justify-content:center;align-items:end;gap:6px;display:flex}.extension-pitch-editor label{color:#7d7467;text-transform:uppercase;gap:2px;font-size:.62rem;font-weight:800;display:grid}.extension-pitch-editor input{color:#24211d;width:78px;min-height:27px;font:inherit;text-transform:none;background:#fffdf8;border:1px solid #d7cbbc;border-radius:4px;padding:2px 6px;font-size:.76rem}.extension-pitch-editor button{color:#756d61;border-radius:4px;min-height:27px;padding:0 8px;font-size:.7rem;font-weight:800}.extension-pitch-editor button.selected{color:#9c4432;background:#fff0ea;border-color:#bd543c}.extension-info-block .furigana-sentence{color:#24211d;text-align:center;justify-self:center;font-size:1.14rem;font-weight:650;line-height:2.2}.extension-workbench.finalise .extension-info-block .furigana-sentence{font-size:1.2rem}.extension-sense-header{justify-content:space-between;align-items:baseline;gap:8px;margin-top:2px;display:flex}.extension-sense-header span{color:#8a8173;font-size:.72rem;font-weight:750}.extension-sense-list{gap:5px;display:grid}.extension-sense-list button{text-align:left;background:#fffaf0;border-color:#e3dacd;border-radius:4px;gap:3px;width:100%;min-height:50px;padding:7px 8px;display:grid}.extension-sense-list button.selected{background:#f8fbf7;border-color:#d8654d;box-shadow:inset 2px 0 #d8654d}.extension-sense-list strong{color:#24211d;font-size:.82rem;line-height:1.25}.extension-sense-list span{color:#756d61;font-size:.72rem}.extension-inline-status{color:#756d61;text-align:center;background:#fffaf0;border:1px solid #e1d8ca;border-radius:4px;padding:8px;font-size:.8rem;font-weight:700}.extension-draft-status{margin-top:auto}.extension-mining-choice-actions,.extension-finalise-actions{grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);align-items:center;gap:8px;margin-top:auto;display:grid}.extension-mining-choice-actions button,.extension-finalise-actions button,.extension-capture-audio-button,.extension-edit-field button{border-radius:4px;min-height:26px;padding:0 10px;font-size:.76rem;font-weight:850}.extension-secondary-action{color:#fffaf0;background:#2f4056;border-color:#2f4056}.extension-mining-choice-actions span,.extension-finalise-actions span{color:#7f776b;text-transform:uppercase;font-size:.72rem;font-weight:850}.extension-choice-captions{color:#8a8173;text-align:center;grid-template-columns:minmax(88px,1fr) auto minmax(88px,1fr);gap:8px;margin-top:-8px;font-size:.7rem;display:grid}.extension-choice-captions small:first-child{grid-column:1}.extension-choice-captions small:last-child{grid-column:3}.extension-edit-field{gap:4px;display:grid}.extension-edit-field>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.extension-edit-field small{color:#576a57;text-transform:uppercase;background:#f3f8f3;border:1px solid #d8e1d9;border-radius:999px;padding:1px 5px;font-size:.56rem;font-weight:850}.extension-edit-field textarea{resize:vertical;color:#3d3932;width:100%;min-width:0;font:inherit;background:#fffdf8;border:1px solid #0000;border-radius:4px;padding:2px 0;font-size:.8rem;font-weight:600;line-height:1.35}.extension-edit-field textarea:focus{background:#fffaf0;border-color:#d7cbbc;outline:2px solid #bd543c1f;padding-inline:6px}.extension-edit-field textarea:read-only{color:#625b51}.extension-capture-audio-button{color:#fffaf0;background:#bd543c;border-color:#bd543c;justify-self:center}.extension-audio-capturing{color:#8a8173;justify-items:center;gap:8px;padding:14px 0;font-size:.78rem;font-weight:700;display:grid}.extension-capture-wave{align-items:center;gap:5px;min-height:42px;display:flex}.extension-capture-wave span{background:#111;border-radius:999px;width:5px;animation:.9s ease-in-out infinite extension-wave-pulse}.extension-capture-wave span:first-child,.extension-capture-wave span:nth-child(5){height:22px}.extension-capture-wave span:nth-child(2),.extension-capture-wave span:nth-child(4){height:36px;animation-delay:80ms}.extension-capture-wave span:nth-child(3){height:44px;animation-delay:.16s}@keyframes extension-wave-pulse{0%,to{transform:scaleY(.72)}50%{transform:scaleY(1)}}.extension-audio-editors{gap:7px;display:grid}.extension-audio-editor-block{gap:4px;display:grid}.extension-audio-editor-label{justify-content:space-between;gap:8px;display:flex}.extension-audio-editor-label strong,.extension-audio-editor-label span{color:#756d61;text-transform:uppercase;font-size:.68rem;font-weight:850}.extension-audio-editor-block audio{width:100%;height:24px}.extension-audio-editors .audio-trim-editor{padding:5px}.extension-audio-editors .audio-trim-track{height:42px}.extension-audio-editors .audio-trim-controls{grid-template-columns:repeat(2,minmax(58px,1fr)) repeat(2,minmax(60px,auto))}.extension-audio-editors .audio-trim-duration{display:none}.extension-audio-editors .audio-trim-controls input,.extension-audio-editors .audio-trim-controls button{min-height:25px;font-size:.68rem}.extension-card-errors{gap:3px;display:grid}.extension-card-errors em{color:#a34335;font-size:.74rem;font-style:normal;font-weight:750}.extension-danger-link{color:#b84737;background:0 0;border:0}.brand-lockup{gap:12px;display:grid}.brand-lockup h1{color:#f9f5ec;font-size:1.08rem}.brand-lockup .eyebrow{color:#ffffff8f}.brand-lockup small{color:#ffffffc2;font-size:.68rem;font-weight:700;line-height:1.4}.brand-mark{background:0 0;border-radius:12px;width:132px;height:132px;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.koi-banner{isolation:isolate;background-color:#242c3d;background-image:var(--koi-tile);color:#f9f5ec;min-width:0;box-shadow:var(--soft-shadow);background-position:50%;background-repeat:repeat;background-size:80px 80px;border:0 solid #141b27eb;border-bottom-width:1px;border-radius:0;grid-column:2;grid-template-columns:minmax(0,1fr) auto;align-self:start;align-items:center;gap:18px;margin:0 0 10px;padding:12px 18px;display:grid;position:relative;overflow:hidden}.koi-banner:before{content:"";z-index:0;pointer-events:none;background:#141b27b8;position:absolute;inset:0}.koi-banner-copy{z-index:1;min-width:0;position:relative}.koi-banner h1{min-width:0;color:var(--koi-cream);overflow-wrap:anywhere;text-shadow:0 1px 3px #000000b8;margin:0;font-size:clamp(1.9rem,2.5vw,2.45rem);font-weight:900;line-height:1.05;display:block}.koi-banner small{color:#fffaf0e6;text-shadow:0 1px 3px #000000b8;margin-top:5px;font-size:clamp(.88rem,1vw,1rem);font-weight:700;line-height:1.4;display:block}.koi-banner-pill{z-index:1;color:#fffaf0;white-space:nowrap;background:#141b27ad;border:1px solid #ffffff2e;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:850;position:relative}.signed-out-gate{border:1px solid var(--border);background:radial-gradient(circle at 50% 44%,#bd543c12,#0000 280px),#fffdf894;border-radius:12px;place-items:center;min-height:clamp(430px,100vh - 155px,760px);padding:clamp(24px,5vw,64px);display:grid}.signed-out-gate-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:13px;justify-items:center;gap:11px;width:min(560px,100%);padding:clamp(26px,4vw,44px);display:grid;box-shadow:0 18px 42px #2a221814}.signed-out-gate-icon{width:54px;height:54px;color:var(--accent-strong);background:#fff4ee;border:1px solid #bd543c3d;border-radius:999px;place-items:center;display:grid}.signed-out-gate-icon svg{stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.signed-out-gate .eyebrow{color:var(--accent-strong);margin:0}.signed-out-gate h2{font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.08}.signed-out-gate-card>p:not(.eyebrow){max-width:460px;color:var(--muted);font-size:.96rem;font-weight:700;line-height:1.55}.signed-out-gate button{border-color:var(--accent);background:var(--accent);color:#fff;min-width:min(280px,100%);margin-top:4px}.signed-out-gate small{max-width:430px;color:var(--muted);font-size:.72rem;font-weight:700;line-height:1.4}.kana-page-shell{gap:12px;width:100%;min-width:0;display:grid}.kana-local-notice{background:#fffaf0;border:1px solid #d8cdbd;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:11px 13px;display:flex}.kana-local-notice strong{color:var(--heading);font-size:.86rem;font-weight:850;display:block}.kana-local-notice p{color:var(--muted);margin-top:2px;font-size:.78rem;font-weight:700;line-height:1.4}.kana-local-notice button{min-height:34px;color:var(--accent-strong);flex:none;padding:0 11px;font-size:.76rem;font-weight:850}.kana-local-action-mobile{display:none}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:700}h1,h2,p{margin:0}h1{color:var(--heading);font-size:clamp(1.35rem,1.8vw,2rem);font-weight:750;line-height:1.12}h2{color:var(--heading);font-size:2.6rem;font-weight:760;line-height:1}button,input{font:inherit}button{border:1px solid var(--border);color:var(--heading);background:var(--surface);cursor:pointer;border-radius:5px}button:hover{border-color:var(--border-strong)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #bd543c38}.page-nav{background:0 0;border:0;border-top:1px dashed #ffffff3d;border-radius:0;align-self:start;gap:4px;padding:12px 0 0;display:grid}.page-nav button{color:#f1eadf;text-align:left;background:0 0;border-color:#0000;border-radius:4px;justify-content:flex-start;align-items:center;gap:9px;min-height:42px;padding:5px 8px;display:flex}.page-nav .mobile-menu-toggle,.mobile-nav-dropdown{display:none}.page-nav button.active{color:#fff;background:#ffffff21;border-color:#ffffff14}.page-nav-icon{color:#f9f5ecd1;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.page-nav-copy{gap:1px;min-width:0;line-height:1;display:grid}.page-nav-japanese{color:#f1eadf80;font-family:var(--font-japanese);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;font-weight:650;overflow:hidden}.page-nav-english{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:800;line-height:1.05;overflow:hidden}.page-nav button.active .page-nav-icon,.page-nav button.active .page-nav-japanese{color:#fff}.page-nav button.active .page-nav-japanese{opacity:.65}.page-nav button.needs-attention:not(.active){background:#e46e501f;border-color:#e46e5057}.page-nav button.needs-attention .page-nav-icon{color:#ef9a82}.primary-action{min-height:42px;padding:0 16px;font-weight:750}.player-column{--watch-player-height:clamp(340px, 52vh, 560px);gap:9px;min-width:0;display:grid}.video-frame{width:min(100%, calc(var(--watch-player-height) * 16 / 9));border:1px solid var(--border);aspect-ratio:16/9;box-shadow:var(--shadow);background:#05080c;border-radius:5px;justify-self:center;position:relative;overflow:hidden}.youtube-player,.youtube-player iframe{width:100%;height:100%}.player-blocker{pointer-events:auto;z-index:4;color:#fff;text-align:center;background:#05080cc2;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.player-blocker div{gap:8px;max-width:460px;display:grid}.player-blocker strong{font-size:1.1rem}.player-blocker p{color:#ffffffc7;font-size:.92rem;line-height:1.45}.subtitle-overlay{pointer-events:none;z-index:2;justify-content:center;padding:0 24px;display:flex;position:absolute;inset:auto 0 8%}.subtitle-line{pointer-events:auto;color:#fff;text-shadow:0 1px 2px #0009;background:#04060ac7;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(92%,900px);padding:10px 12px;display:flex;box-shadow:0 12px 34px #00000052}.subtitle-line.muted{color:#ffffffbd;padding:12px 18px}.subtitle-line.preview{border:1px solid #ffffff24}.subtitle-token{color:#fff;text-align:center;background:#ffffff1a;border-color:#ffffff1f;gap:1px;min-width:58px;padding:4px 7px 5px;display:grid;position:relative}.subtitle-token:hover{background:#ffffff2e;border-color:#ffffff47}.subtitle-token.selected,.transcript-token.selected{outline:2px solid var(--heading);outline-offset:2px}.subtitle-token.token-state-unknown{color:#3f3210;background:#fff4c2f0;border-color:#e5c95fb8}.subtitle-token.token-state-queued{color:#173a68;background:#e8f1fff0;border-color:#8ab7f0bd}.subtitle-token.token-state-learning{color:#0f514d;background:#dcf8f5f0;border-color:#38b0a6c2}.subtitle-token.token-state-learned{color:#174c32;background:#e7f5edf0;border-color:#86c59fc2}.subtitle-token.token-state-mastered{color:#415b49;background:#eff6f0e0;border-color:#b4cdbbad}.subtitle-token.token-state-suspended,.subtitle-token.token-state-missing,.subtitle-token.token-state-syncError{color:#5f5548;background:#f4efe7eb;border-color:#beb2a0b8}.subtitle-token.token-state-ignored,.subtitle-token.token-state-properNoun{color:#585164;background:#f5f3f8b8;border-color:#ada8b97a}.subtitle-token.token-state-neutral{color:#ffffffdb;background:0 0;border-color:#0000}.subtitle-token.token-state-neutral:hover{background:#ffffff1a;border-color:#fff3}.subtitle-token span{font-size:clamp(1.3rem,2vw,2rem);font-weight:780;line-height:1.08}.subtitle-token small{color:currentColor;opacity:.72;font-size:.72rem;line-height:1.1}.subtitle-token.new-form:after,.transcript-token.new-form:after{content:"";background:#101820;border:1px solid #ffffffb8;border-radius:999px;width:6px;height:6px;position:absolute;top:3px;right:3px}.primary-action{border-color:var(--accent);background:var(--accent);color:#fff}.primary-action:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.full-width{width:100%}.coverage-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:center;gap:7px 12px;padding:8px 10px;display:grid}.coverage-summary{grid-row:span 2;gap:5px;display:grid}.coverage-summary strong{color:var(--heading);font-size:1rem;line-height:1}.coverage-summary dl{flex-wrap:wrap;gap:6px 10px;margin:0;display:flex}.coverage-summary dl div{gap:1px;display:grid}.coverage-summary dt{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:800}.coverage-summary dd{color:var(--heading);margin:0;font-weight:850}.coverage-bar{background:var(--subtle);border-radius:999px;height:8px;display:flex;overflow:hidden}.coverage-segment{min-width:2px}.coverage-segment.token-state-unknown,.coverage-bucket.token-state-unknown{color:#3f3210;background:#fff4c2}.coverage-segment.token-state-queued,.coverage-bucket.token-state-queued{color:#173a68;background:#e8f1ff}.coverage-segment.token-state-learning,.coverage-bucket.token-state-learning{color:#0f514d;background:#dcf8f5}.coverage-segment.token-state-learned,.coverage-bucket.token-state-learned{color:#174c32;background:#e7f5ed}.coverage-segment.token-state-mastered,.coverage-bucket.token-state-mastered{color:#415b49;background:#eff6f0}.coverage-segment.token-state-suspended,.coverage-segment.token-state-missing,.coverage-segment.token-state-syncError,.coverage-bucket.token-state-suspended,.coverage-bucket.token-state-missing,.coverage-bucket.token-state-syncError{color:#5f5548;background:#f4efe7}.coverage-segment.token-state-ignored,.coverage-segment.token-state-properNoun,.coverage-bucket.token-state-ignored,.coverage-bucket.token-state-properNoun{color:#585164;background:#f5f3f8}.coverage-buckets{flex-wrap:wrap;gap:5px;display:flex}.coverage-bucket{border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;min-height:22px;padding:2px 7px;font-size:.72rem;font-weight:800;display:inline-flex}.coverage-bucket strong{color:currentColor}.coverage-bucket small{color:currentColor;opacity:.68;font-size:.72rem;font-weight:850}.coverage-bucket.token-state-neutral{background:var(--subtle);color:var(--muted)}.transcript{border:1px solid var(--border);background:var(--surface);border-radius:5px;max-height:clamp(190px,28vh,330px);display:grid;overflow:auto}.transcript-row{border:0;border-bottom:1px solid var(--border);text-align:left;border-radius:0;grid-template-columns:64px 1fr;gap:12px;padding:13px 14px;display:grid;position:relative}.transcript-row.recommended:before{content:"";background:#bd543c47;border-radius:0 999px 999px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.transcript-row.top-recommendation:before{background:#4aa04a7a}.transcript-row:last-child{border-bottom:0}.transcript-row.active{background:var(--selected)}.transcript-cue-column{align-content:start;gap:6px;display:grid}.transcript-time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;align-self:start;padding:2px 0;font-weight:700}.transcript-time:hover{color:var(--heading)}.transcript-rank-cue{min-height:22px;color:var(--muted);background:0 0;border-color:#bd543c47;border-radius:999px;justify-self:start;padding:0 7px;font-size:.72rem;font-weight:850}.transcript-rank-cue:hover{color:var(--heading);background:#bd543c14;border-color:#bd543c80}.transcript-row strong,.transcript-token-line{color:var(--heading);font-weight:650}.transcript-token-line{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.transcript-token{border-radius:7px;min-height:28px;padding:2px 7px 3px;font-weight:760;line-height:1.25;position:relative}.transcript-token.smart-target{box-shadow:inset 0 -2px #bd543c75}.transcript-token.token-state-unknown{color:#3f3210;background:#fff4c2;border-color:#e5c95f}.transcript-token.token-state-queued{color:#173a68;background:#e8f1ff;border-color:#8ab7f0}.transcript-token.token-state-learning{color:#0f514d;background:#dcf8f5;border-color:#38b0a6}.transcript-token.token-state-learned{color:#174c32;background:#e7f5ed;border-color:#86c59f}.transcript-token.token-state-mastered{color:#415b49;background:#eff6f0;border-color:#b4cdbb}.transcript-token.token-state-suspended,.transcript-token.token-state-missing,.transcript-token.token-state-syncError{color:#5f5548;background:#f4efe7;border-color:#beb2a0}.transcript-token.token-state-ignored,.transcript-token.token-state-properNoun{color:#585164;background:#f5f3f8;border-color:#d4ccdd}.transcript-token.token-state-neutral{color:var(--muted);background:0 0;border-color:#0000;padding-inline:2px}.transcript-token.token-state-neutral:hover{border-color:var(--border);background:var(--subtle)}.transcript-empty{color:var(--muted);padding:24px 18px;font-weight:650}.side-panel{gap:12px;min-width:0;display:grid;overflow:hidden}.smart-queue{gap:9px}.smart-queue-next{background:linear-gradient(90deg, #2684ff0f, transparent 64%), var(--surface);text-align:left;border-color:#2684ff2e;gap:7px;width:100%;padding:10px;display:grid}.smart-queue-next.selected{border-color:var(--accent);background:var(--selected)}.smart-queue-next strong{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.35;overflow:hidden}.smart-queue-note{color:var(--muted);font-size:.82rem;font-weight:700}.smart-queue-details{gap:8px;display:grid}.smart-queue-details summary{width:max-content;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:800}.smart-queue-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.smart-queue-list li button{text-align:left;gap:6px;width:100%;padding:9px;display:grid}.smart-queue-list li.selected button{border-color:var(--accent);background:var(--selected)}.smart-queue-time{color:var(--muted);font-size:.76rem;font-weight:850}.smart-queue-list strong{color:var(--heading);font-size:.86rem;line-height:1.35}.smart-queue-targets,.smart-queue-meta{flex-wrap:wrap;gap:6px;display:flex}.smart-queue-chip,.smart-queue-meta small{border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:.76rem;font-weight:850;display:inline-flex}.smart-queue-chip small{color:currentColor;opacity:.68;font-size:.68rem;font-weight:800}.smart-queue-meta small{background:var(--subtle);color:var(--muted)}.smart-queue-chip.token-state-unknown{color:#3f3210;background:#fff4c2}.smart-queue-chip.token-state-queued{color:#173a68;background:#e8f1ff}.smart-queue-chip.token-state-learning{color:#0f514d;background:#dcf8f5}.smart-queue-chip.token-state-missing,.smart-queue-chip.token-state-syncError{color:#5f5548;background:#f4efe7}.home-page{gap:18px;width:100%;min-width:0;padding-top:18px;display:grid}.home-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-benefit-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;align-content:center;gap:4px;min-width:0;min-height:116px;padding:20px 22px;display:grid;position:relative;box-shadow:0 10px 24px #2a221809}.home-benefit-card>span{border:1px solid var(--border);color:var(--muted);text-transform:uppercase;border-radius:999px;padding:2px 6px;font-size:.58rem;font-weight:850;position:absolute;top:9px;right:10px}.home-benefit-card h2,.home-auth-panel h2,.home-about-card h2,.home-streak-summary h2,.home-guide-card h2,.home-section-heading h2{color:var(--heading);font-size:1.08rem;line-height:1.2}.home-benefit-card p{color:var(--muted);font-size:.86rem;line-height:1.25}.home-auth-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--soft-shadow);border-radius:12px;gap:14px;padding:20px 24px;display:grid}.home-auth-heading,.home-section-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.home-auth-heading>span,.home-section-heading>span{max-width:min(44%,440px);color:var(--muted);text-align:right;font-size:.78rem;font-weight:750;line-height:1.35}.home-auth-heading>span.error{color:#a34335}.home-auth-heading>span.ready{color:#2f7550}.home-auth-form{gap:12px;display:grid}.home-auth-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-auth-fields label{color:var(--heading);gap:5px;font-size:.78rem;font-weight:850;display:grid}.home-auth-fields input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;min-height:40px;color:var(--heading);border-radius:6px;padding:0 11px}.home-auth-submit{border-color:var(--accent);background:var(--accent);color:#fffaf0;min-height:40px;font-weight:850}.home-about-band{background-color:#242c3d;background-image:var(--koi-tile);background-position:50%;background-repeat:repeat;background-size:var(--koi-tile-size);border-radius:13px;justify-items:center;padding:28px clamp(18px,8vw,110px);display:grid;position:relative}.home-about-label{border:1px solid var(--accent);background:var(--page-bg);color:#304157;text-transform:uppercase;border-radius:5px;padding:3px 12px;font-size:.76rem;font-weight:900;position:absolute;top:-11px}.home-about-card{background:#fffdf8;border:1px solid #ffffff3d;border-radius:12px;gap:10px;width:min(720px,100%);padding:24px 26px;display:grid;box-shadow:0 16px 34px #0f1c2b2e}.home-about-card>p:not(.eyebrow),.home-guide-card>p{color:var(--text);font-size:.9rem;line-height:1.55}.home-about-actions,.home-guide-actions,.home-video-actions{flex-wrap:wrap;gap:8px;display:flex}.home-about-actions button,.home-guide-actions button,.home-video-actions button{min-height:34px;padding:0 11px;font-size:.78rem;font-weight:850}.home-about-actions button:first-child,.home-guide-actions button:first-child,.home-video-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.home-activity-panel{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:138px;box-shadow:var(--soft-shadow);border-radius:12px;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:20px;padding:20px 22px;display:grid}.home-streak-summary{align-content:center;gap:4px;min-width:0;display:grid}.home-streak-summary .eyebrow{margin-bottom:0}.home-streak-summary>strong{color:#304157;font-size:2rem;font-weight:680;line-height:1}.home-streak-summary>strong small{font-size:.86rem;font-weight:800}.home-streak-summary>span{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:8px;padding-top:6px;font-size:.7rem;font-weight:750;display:flex}.home-streak-summary>span b{color:var(--heading)}.home-streak-summary>em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;font-style:normal;overflow:hidden}.home-activity-grid{scrollbar-width:thin;grid-template-rows:repeat(7,9px);grid-auto-columns:9px;grid-auto-flow:column;gap:3px;min-width:0;padding:4px 0 7px;display:grid;overflow-x:auto}.home-activity-grid>span{background:#e6e7e5;border-radius:1px;width:9px;height:9px}.home-activity-grid>span.level-1{background:#a8d78a}.home-activity-grid>span.level-2{background:#70bd65}.home-activity-grid>span.level-3{background:#439a4e}.home-activity-grid>span.level-4{background:#24723d}.home-guide-layout{grid-template-columns:minmax(0,1fr) minmax(210px,.3fr);align-items:start;gap:16px;display:grid}.home-guide-card,.home-faq-card{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--soft-shadow);border-radius:11px;align-content:start;gap:10px;padding:20px;display:grid}.home-guide-card .eyebrow{margin:0}.home-guide-actions{margin-top:auto;padding-top:4px}.home-inline-setup{border-top:1px solid var(--border);gap:12px;min-width:0;margin-top:2px;padding-top:12px;display:grid}.home-setup-steps{gap:6px;margin:0;padding-left:20px;display:grid}.home-setup-steps li{color:var(--text);font-size:.82rem;font-weight:680;line-height:1.45}.home-setup-steps code,.home-setup-value code{overflow-wrap:anywhere;color:#304157;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.78rem;font-weight:750}.home-setup-actions{flex-wrap:wrap;gap:8px;display:flex}.home-setup-actions .button-link,.home-setup-actions button{min-height:38px;padding:0 13px;font-size:.78rem;font-weight:850}.home-setup-actions button{border-color:var(--accent);background:var(--accent);color:#fff}.home-setup-details{grid-template-columns:minmax(0,1fr) minmax(190px,.42fr);align-items:stretch;gap:10px;display:grid}.home-setup-value{border:1px solid var(--border);background:var(--subtle);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;min-width:0;padding:10px;display:grid}.home-setup-value>span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;font-size:.64rem;font-weight:900}.home-setup-value button{min-height:30px;padding:0 9px;font-size:.7rem;font-weight:850}.home-pairing-code{min-width:0}.home-setup-placeholder{border:1px dashed var(--border-strong);background:var(--subtle);text-align:center;border-radius:8px;place-items:center;min-height:82px;padding:10px;font-weight:700;display:grid;color:var(--muted)!important;font-size:.76rem!important;line-height:1.4!important}.extension-ai-fallback,.extension-ai-review,.extension-ai-suggestion{background:#fffaf0;border:1px solid #dfd4c4;border-radius:5px;gap:7px;padding:9px;display:grid}.extension-ai-fallback>strong,.extension-ai-suggestion strong{color:#2b2823;font-size:.82rem}.extension-ai-fallback>p,.extension-ai-suggestion p{color:#6f675c;font-size:.75rem;line-height:1.4}.extension-ai-fallback>small,.extension-ai-review>small,.extension-ai-suggestion>small{color:#7d7569;font-size:.67rem;font-weight:650;line-height:1.35}.extension-ai-fallback>button{min-height:34px;font-size:.76rem;font-weight:850}.extension-ai-suggestion{background:#fff8e7;border-left:3px solid #b8892e}.extension-ai-suggestion.confidence-high{background:#f0f8f2;border-left-color:#3a8b59}.extension-ai-suggestion.confidence-medium{background:#f1f6fa;border-left-color:#577fa5}.extension-ai-suggestion>div{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.extension-ai-suggestion>div span{color:#6f675c;text-transform:uppercase;font-size:.66rem;font-weight:850}.extension-ai-review{background:#f8f6f1}.extension-ai-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.extension-ai-edit-grid label{gap:3px;min-width:0;display:grid}.extension-ai-edit-grid label:nth-child(3),.extension-ai-edit-grid label.wide{grid-column:1/-1}.extension-ai-edit-grid label>span{color:#756d61;text-transform:uppercase;font-size:.64rem;font-weight:850}.extension-ai-edit-grid input,.extension-ai-edit-grid textarea{color:#2b2823;width:100%;min-width:0;font:inherit;background:#fffdf8;border:1px solid #d8cdbd;border-radius:4px;padding:6px 7px;font-size:.76rem;line-height:1.35}.extension-ai-edit-grid textarea{resize:vertical}.extension-ai-review-actions{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.extension-ai-review-actions button{min-height:32px;padding:0 9px;font-size:.72rem;font-weight:850}.extension-ai-review-actions button.confirmed{color:#245b38;background:#e3f3e8;border-color:#3f8a5a}.home-setup-status{color:var(--muted);font-size:.7rem;font-weight:750;line-height:1.35}.home-setup-status.ready{color:#2f7550}.home-setup-status.error{color:#a34335}.home-faq-card>strong{color:var(--heading);text-align:center;font-size:1rem}.home-faq-card button{border-color:var(--border);background:var(--surface);min-height:36px;color:var(--text);text-align:left;padding:0 9px;font-size:.76rem;font-weight:750}.home-faq-card button.active{border-color:var(--accent);color:var(--accent-strong);background:#fff8ee}.home-video-section{gap:13px;display:grid}.home-section-heading{border-bottom:1px solid var(--border);align-items:end;padding:0 8px 9px}.home-section-heading .eyebrow{margin-bottom:3px}.home-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.home-video-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;grid-template-columns:152px minmax(0,1fr);gap:14px;min-width:0;padding:16px;display:grid;box-shadow:0 8px 20px #2a221809}.home-video-card.unavailable{box-shadow:none;background:#efede8;border-color:#cbc6bd}.home-video-card.unavailable .home-video-thumbnail img{filter:grayscale();opacity:.55}.home-video-card.unavailable .home-video-thumbnail>span{background:#53524eeb}.home-video-card.unavailable .home-video-copy{opacity:.78}.home-video-card.unavailable .home-video-actions{opacity:1}.home-video-thumbnail{background:#a5a5a5;border-radius:7px;min-height:112px;position:relative;overflow:hidden}.home-video-thumbnail img{object-fit:cover;width:100%;height:100%}.home-video-thumbnail>span{color:#fffaf0;text-align:center;background:#2f4056e6;padding:4px 7px;font-size:.68rem;font-weight:850;position:absolute;bottom:0;left:0;right:0}.home-video-copy{align-content:start;gap:5px;min-width:0;display:grid}.home-video-copy .eyebrow{margin:0;font-size:.62rem}.home-video-copy h3{color:var(--heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;line-height:1.3;display:-webkit-box;overflow:hidden}.home-video-copy>strong{color:var(--heading);font-size:.78rem}.home-video-copy>span{color:var(--muted);font-size:.68rem;line-height:1.35}.home-video-progress{background:#e7e1d7;border-radius:999px;height:5px;margin:3px 0;overflow:hidden}.home-video-progress>span{border-radius:inherit;background:#4e9a63;height:100%;display:block}.home-video-actions{margin-top:auto}.home-video-empty{border:1px dashed var(--border-strong);min-height:160px;color:var(--muted);text-align:center;border-radius:11px;place-content:center;justify-items:center;gap:6px;padding:20px;display:grid}.home-video-empty strong{color:var(--heading)}.home-video-empty p{max-width:520px;font-size:.86rem;line-height:1.45}.home-video-empty button{min-height:36px;padding:0 12px;font-weight:850}.cards-page,.knowledge-page,.kana-page{gap:16px;width:100%;min-width:0;display:grid}.kana-summary dd{overflow-wrap:anywhere;font-size:1rem}.kana-summary .kana-summary-mobile,.kana-summary .kana-summary-hint-mobile{display:none}.kana-layout{grid-template-columns:minmax(190px,.28fr) minmax(0,1fr) minmax(280px,.42fr);align-items:start;gap:12px;display:grid}.kana-row-panel,.kana-study-panel,.kana-review-panel{align-content:start;gap:12px;min-width:0;display:grid}.kana-review-panel{position:sticky;top:14px}.kana-row-panel{grid-template-rows:auto minmax(0,1fr);position:sticky;top:14px;overflow:hidden}.kana-mobile-set-picker{display:none}.kana-row-ladder{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;gap:7px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.kana-row-step{text-align:left;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:2px 9px;min-height:58px;padding:8px;display:grid}.kana-row-step>span{border:1px solid var(--border);background:var(--subtle);width:36px;height:36px;color:var(--muted);border-radius:999px;grid-row:1/3;place-items:center;font-size:.82rem;font-weight:900;display:grid}.kana-row-step strong{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:850;line-height:1.2;overflow:hidden}.kana-row-step small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:750;overflow:hidden}.kana-row-step.active{border-color:var(--accent);background:var(--selected)}.kana-row-step.passed>span{color:#1d5b37;background:#dff3e6;border-color:#29845557}.kana-row-step.locked{background:var(--subtle)}.kana-study-panel .panel-header,.kana-review-panel .panel-header{margin-bottom:0}.kana-study-panel h3{color:var(--heading);margin:0;font-size:1.35rem;line-height:1.1}.kana-row-intro{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:5px;padding:11px 12px;display:grid}.kana-row-intro strong{color:var(--heading);font-size:.94rem;font-weight:850;line-height:1.35}.kana-row-intro p{color:var(--muted);margin:0;font-size:.86rem;font-weight:720;line-height:1.45}.kana-reference-hidden{border:1px dashed var(--border-strong);background:var(--subtle);text-align:center;border-radius:8px;place-content:center;gap:7px;min-height:260px;padding:20px;display:grid}.kana-reference-hidden strong{color:var(--heading);font-size:1.05rem;font-weight:900}.kana-reference-hidden p{max-width:320px;color:var(--muted);margin:0;font-size:.86rem;font-weight:720;line-height:1.45}.kana-pair-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr));gap:9px;display:grid}.kana-pair-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;min-width:0;padding:10px;display:grid}.kana-pair-characters{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.kana-pair-characters span{border:1px solid var(--border);background:var(--subtle);min-height:72px;color:var(--heading);border-radius:7px;place-items:center;font-size:2.85rem;font-weight:650;line-height:1;display:grid}.kana-pair-card strong{color:var(--accent-strong);font-size:1.05rem;font-weight:900}.kana-pair-card p{color:var(--muted);margin:0;font-size:.82rem;font-weight:700;line-height:1.45}.kana-mobile-row-notes{display:none}.kana-quiz,.kana-result,.kana-ready{gap:11px;min-width:0;display:grid}.kana-quiz>span,.kana-result>strong,.kana-ready strong{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.kana-review-status{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.kana-review-status span{border:1px solid var(--border);background:var(--subtle);color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:7px 8px;font-size:.78rem;font-weight:850;overflow:hidden}.kana-last-answer{border:1px solid var(--border);background:var(--subtle);border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.kana-last-answer.correct{background:#eff8f2;border-color:#2984554d}.kana-last-answer.incorrect{background:linear-gradient(90deg,#ffdcd7,#fff0ed);border:2px solid #ca493d;box-shadow:0 0 0 3px #ca493d26,inset 5px 0 #b9362d}.kana-last-answer span{min-height:42px;color:var(--heading);background:#ffffff94;border-radius:7px;place-items:center;font-size:1.55rem;font-weight:760;line-height:1;display:grid}.kana-last-answer strong{min-width:0;color:var(--heading);overflow-wrap:anywhere;font-size:.9rem;font-weight:900}.kana-prompt-character{border:1px solid var(--border);background:linear-gradient(135deg, #4aa04a17, transparent 54%), var(--subtle);min-height:154px;color:var(--heading);border-radius:8px;place-items:center;font-size:6rem;font-weight:620;line-height:1;display:grid}.kana-quiz label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:850;display:grid}.kana-quiz input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--heading);border-radius:8px;padding:0 11px;font-size:1.05rem;font-weight:780}.kana-quiz button,.kana-result button,.kana-ready button{min-height:38px;padding:0 12px;font-weight:850}.kana-result,.kana-ready{border:1px solid var(--border);background:var(--subtle);border-radius:8px;padding:12px}.kana-result.passed{background:#eff8f2;border-color:#29845547}.kana-result.retry{background:#fff7ed;border-color:#b3662b47}.kana-result p,.kana-ready p{color:var(--muted);margin:0;font-size:.86rem;font-weight:720;line-height:1.45}.kana-result>span{color:var(--heading);font-size:3.3rem;font-weight:900;line-height:1}.kana-result>strong{color:var(--heading);font-size:1.1rem}.kana-review-actions{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.knowledge-explainer{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr) auto;align-items:start;gap:12px;padding:13px 14px;display:grid}.knowledge-explainer div{gap:4px;display:grid}.knowledge-explainer strong{color:var(--heading);font-size:.96rem}.knowledge-explainer p{color:var(--muted);margin:0;font-size:.86rem;font-weight:750;line-height:1.45}.knowledge-explainer a{color:var(--accent-strong);font-weight:900}.knowledge-import-status{color:var(--muted);white-space:nowrap;align-self:start;font-size:.8rem;font-weight:850}.knowledge-import-status.connected{color:#2f7a57}.knowledge-import-status.error{color:#a34335}.anki-page,.videos-page{gap:16px;width:100%;min-width:0;display:grid}.cards-page-actions span,.card-library-toolbar>span{color:var(--muted);font-size:.92rem;font-weight:800}.cards-page-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cards-page-actions button{min-height:36px;padding:0 12px;font-weight:850}.cards-workflow-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cards-workflow-strip span{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-align:center;border-radius:8px;padding:9px 10px;font-size:.82rem;font-weight:850}.card-library-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.knowledge-toolbar{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(260px,1fr) auto auto auto;align-items:end;gap:10px;padding:10px;display:grid}.segmented-control{flex-wrap:wrap;gap:5px;display:flex}.segmented-control button{background:var(--subtle);min-height:32px;color:var(--muted);border-color:#0000;padding:0 10px;font-size:.8rem;font-weight:850}.segmented-control button.active{border-color:var(--heading);background:var(--heading);color:#fff}.card-library-toolbar label,.knowledge-toolbar label{color:var(--muted);align-items:center;gap:7px;font-size:.78rem;font-weight:850;display:flex}.card-library-toolbar select,.card-library-toolbar .toolbar-action,.knowledge-toolbar select,.knowledge-toolbar input{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--heading);font:inherit;border-radius:8px;padding:0 8px}.card-library-toolbar .toolbar-action{font-weight:850}.knowledge-search{align-items:stretch}.knowledge-search input{box-sizing:border-box;width:100%;min-width:0}.panel-header span.connected,.card-library-toolbar>span.ready{color:var(--accent)}.panel-header span.error,.card-library-toolbar>span.error{color:#a34335}.cards-page .queue-panel ul{grid-template-columns:1fr}.cards-overview-panel{border:1px solid var(--border);background:#fffdf7e6;border-radius:14px;gap:16px;padding:18px 20px;display:grid;box-shadow:0 10px 24px #2a22180d}.cards-overview-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.card-detail-section-heading h3{margin:0}.cards-overview-heading>p{max-width:660px;color:var(--muted);margin:0;line-height:1.45}.cards-overview-heading>button{min-height:34px;color:var(--accent-strong);background:0 0;border-color:#0000;padding-inline:4px;font-size:.8rem;font-weight:900}.kana-last-answer.incorrect span{color:#fff;background:#bd3e34;box-shadow:0 3px 8px #80211a33}.kana-last-answer.incorrect strong{color:#932f27;font-size:.96rem}.card-filter-chips{flex-wrap:wrap;gap:8px;display:flex}.card-filter-chips button{background:var(--subtle);min-height:38px;color:var(--muted);border-color:#0000;border-radius:9px;align-items:center;gap:12px;padding:0 12px;font-size:.8rem;font-weight:850;display:flex}.card-filter-chips button strong{color:inherit;font-variant-numeric:tabular-nums}.card-filter-chips button.active{background:var(--navy);color:#fffdf7}.card-grid-toolbar{grid-template-columns:minmax(260px,1fr) auto auto;align-items:stretch;gap:10px;display:grid}.card-grid-search{border:1px solid var(--border);background:var(--surface);border-radius:9px;grid-template-columns:28px minmax(0,1fr);align-items:center;min-width:0;min-height:42px;padding:0 10px;display:grid}.card-grid-search>span{color:var(--muted);font-size:1.35rem;line-height:1}.card-grid-search input{width:100%;min-width:0;color:var(--heading);font:inherit;background:0 0;border:0;outline:0}.card-grid-sort{color:var(--muted);align-items:center;gap:8px;font-size:.78rem;font-weight:850;display:flex}.card-grid-sort select,.card-grid-batch-action{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--heading);font:inherit;border-radius:9px;padding:0 10px;font-size:.8rem;font-weight:800}.card-grid-batch-action{color:var(--accent-strong)}.card-grid-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.78rem;font-weight:800;display:flex}.card-grid-meta .ready{color:var(--accent)}.card-grid-meta .error{color:#a34335}.card-glance-grid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));grid-auto-rows:252px;align-items:stretch;gap:12px;min-width:0;display:grid}button.card-glance-tile{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;max-width:100%;height:100%;color:var(--heading);text-align:left;border-radius:12px;grid-template-rows:18px 70px 38px minmax(44px,1fr) 25px;gap:8px;padding:11px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #2a22180a}button.card-glance-tile:before{content:"";background:var(--border-strong);width:3px;position:absolute;inset:0 auto 0 0}button.card-glance-tile:hover,button.card-glance-tile:focus-visible{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 14px 26px #2a22181a}button.card-glance-tile.tone-error:before{background:#b44a39}button.card-glance-tile.tone-waiting:before{background:#cc8a2d}button.card-glance-tile.tone-anki:before{background:#3d7188}button.card-glance-tile.tone-learned:before{background:#42845f}.card-glance-status{min-width:0;color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;font-size:.66rem;font-weight:900;line-height:1.2;display:flex;overflow:hidden}.card-glance-status i{background:currentColor;border-radius:999px;flex:none;width:6px;height:6px}.card-glance-word-frame{text-align:center;text-overflow:ellipsis;white-space:nowrap;place-self:center stretch;width:100%;min-width:0;max-width:100%;line-height:1.12;overflow:hidden}.card-glance-word{color:var(--heading);white-space:nowrap;font-size:clamp(1.75rem,2.7vw,2.35rem);font-weight:650;line-height:1.12}.card-glance-word.is-long{letter-spacing:-.04em;font-size:clamp(1.4rem,2.15vw,1.9rem)}.card-glance-word.is-very-long{letter-spacing:-.055em;font-size:clamp(1.1rem,1.7vw,1.5rem)}.card-glance-word rt{color:var(--muted);font-size:.36em;font-weight:650}.card-glance-meaning{max-height:2.7em;color:var(--text);text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:start;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.card-glance-translation{min-width:0;color:var(--text);text-align:left;border-top:1px solid #ddd3c38c;align-content:start;gap:2px;padding-top:6px;font-size:.72rem;line-height:1.3;display:grid;overflow:hidden}.card-glance-translation small{color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.58rem;font-weight:900;line-height:1.2;overflow:hidden}.card-glance-translation>span{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-glance-translation.is-missing{color:var(--muted);font-style:italic}.card-glance-meta{color:var(--muted);border-top:1px solid #ddd3c3b3;justify-content:space-between;align-items:center;gap:6px;padding-top:7px;font-size:.64rem;font-weight:800;display:flex}.card-glance-meta .complete{color:#2f7550}.card-grid-empty{border:1px dashed var(--border-strong);min-height:240px;color:var(--muted);text-align:center;border-radius:14px;place-content:center;justify-items:center;gap:6px;display:grid}.card-grid-empty strong{color:var(--heading);font-size:1.05rem}.card-grid-empty p{margin:0}.card-detail-page{gap:12px;width:100%;min-width:0;display:grid}.card-detail-topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-detail-back{min-height:38px;color:var(--heading);background:0 0;border-color:#0000;padding-inline:0 10px;font-weight:850}.card-detail-back span{margin-right:6px;font-size:1.2rem}.card-detail-sync{color:var(--muted);font-size:.76rem;font-weight:800}.card-detail-sync.ready{color:var(--accent)}.card-detail-sync.error{color:#a34335}.card-detail-sheet{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--soft-shadow);border-radius:14px;gap:18px;padding:18px;display:grid}.card-detail-hero{border-bottom:1px solid var(--border);text-align:center;justify-items:center;gap:7px;padding:2px 12px 18px;display:grid}.card-detail-kicker{width:100%;color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:.72rem;font-weight:800;display:flex}.card-detail-status{border:1px solid var(--border);background:var(--subtle);color:var(--muted);border-radius:999px;padding:3px 8px}.card-detail-status.status-error{color:#8a3d2f;background:#fff0ea;border-color:#e4b7ad}.card-detail-headword{color:var(--heading);font-size:clamp(2.8rem,7vw,4.8rem);font-weight:550;line-height:1.1}.card-detail-headword rt{color:var(--muted);font-size:.28em;font-weight:600}.card-detail-hero p{margin:0;font-size:1rem}.card-detail-hero small{color:var(--muted)}.card-detail-study-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:12px;display:grid}.pitch-accent-card,.pitch-accent-empty,.card-detail-sentence-card{border:1px solid var(--border);background:#fffcf5;border-radius:11px;align-content:start;gap:9px;min-width:0;padding:12px;display:grid}.pitch-accent-heading,.card-detail-sentence-card>div:first-child{color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;font-weight:850;display:flex}.pitch-accent-heading strong{background:var(--accent);color:#fff;border-radius:999px;padding:3px 8px;font-size:.66rem}.pitch-accent-svg{width:100%;height:102px;overflow:visible}.pitch-accent-svg polyline{fill:none;stroke:var(--accent);stroke-width:2px}.pitch-accent-svg circle{fill:var(--surface);stroke:var(--muted);stroke-width:1.5px}.pitch-accent-svg text{fill:var(--heading);font-family:var(--font-japanese);font-size:16px}.pitch-accent-svg .pitch-accent-terminal{fill:var(--accent);stroke:var(--accent)}.pitch-accent-card.compact,.pitch-accent-empty.compact{gap:5px}.pitch-accent-card.compact .pitch-accent-svg{height:78px}.pitch-accent-card.compact .pitch-accent-heading,.pitch-accent-empty.compact>span{font-size:.64rem}.pitch-accent-card.compact .pitch-accent-heading strong{font-size:.6rem}.pitch-accent-empty.omitted{border-style:dashed}.pitch-accent-candidates{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.pitch-accent-candidates button,.pitch-accent-candidates>span{border:1px solid var(--border);background:var(--subtle);min-height:27px;color:var(--muted);border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:820;line-height:1.2}.pitch-accent-candidates button.selected,.pitch-accent-candidates>span.selected{border-color:var(--accent);color:var(--accent-strong);background:#fff0ea}.pitch-accent-candidates button:disabled{cursor:default;opacity:.72}.draft-pitch-controls{gap:7px;min-width:0;display:grid}.draft-pitch-manual{flex-wrap:wrap;align-items:end;gap:6px;display:flex}.draft-pitch-manual label{color:var(--muted);flex:150px;gap:4px;font-size:.68rem;font-weight:820;display:grid}.draft-pitch-manual input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:35px;color:var(--heading);font:inherit;border-radius:8px;padding:6px 8px;font-size:.82rem}.draft-pitch-manual button{border-color:var(--border);min-height:35px;color:var(--muted);padding:0 9px;font-size:.7rem;font-weight:820}.draft-pitch-manual button.selected{color:#8a3d2f;background:#fff0ea;border-color:#d98976}.draft-pitch-manual small{color:#8a3d2f;flex-basis:100%;font-size:.66rem;font-weight:750}.card-detail-pitch-stack{align-content:start;gap:7px;min-width:0;display:grid}.card-detail-pitch-field{color:var(--muted);text-transform:uppercase;align-content:start;gap:5px;font-size:.7rem;font-weight:850;display:grid}.card-detail-pitch-field>div{grid-template-columns:minmax(0,1fr) auto;gap:5px;display:grid}.card-detail-pitch-field input{border:1px solid var(--border);width:100%;min-width:0;min-height:39px;color:var(--heading);font:inherit;text-transform:none;background:#fffcf5;border-radius:8px;padding:8px 9px;font-size:.9rem;font-weight:600}.card-detail-pitch-field button{border-color:var(--border);min-height:39px;color:var(--muted);padding:0 9px;font-size:.72rem;font-weight:820}.card-detail-pitch-field button.selected{color:#8a3d2f;background:#fff0ea;border-color:#d98976}.card-detail-pitch-field>small{color:#8a3d2f;text-transform:none;font-size:.66rem;font-weight:750;line-height:1.3}.pitch-accent-empty span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.pitch-accent-empty p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.45}.card-detail-sentence-card a{color:var(--accent-strong);text-transform:none}.card-detail-sentence-card .furigana-sentence{min-height:66px;color:var(--heading);text-align:center;align-self:center;padding:8px 0;font-size:clamp(1.2rem,2.4vw,1.65rem);line-height:2.1}.card-detail-sentence-card>p{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin:0;padding-top:8px;font-size:.82rem}.card-detail-section-block{border-top:1px solid var(--border);gap:12px;min-width:0;padding-top:16px;display:grid}.card-detail-section-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.card-detail-section-heading>span{color:var(--muted);text-align:right;font-size:.74rem;font-weight:800}.card-detail-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(110px,.32fr);gap:10px;display:grid}.card-detail-form-grid label{color:var(--muted);text-transform:uppercase;gap:5px;font-size:.7rem;font-weight:850;display:grid}.card-detail-form-grid label.wide{grid-column:1/-1}.definition-source-pill{color:#795f27;letter-spacing:0;text-transform:none;background:#fff6dc;border:1px solid #d9cba9;border-radius:999px;width:fit-content;padding:3px 7px;font-size:.63rem;font-weight:850}.card-detail-form-grid input,.card-detail-form-grid textarea{border:1px solid var(--border);width:100%;min-width:0;color:var(--heading);font:inherit;resize:vertical;text-transform:none;background:#fffcf5;border-radius:8px;padding:8px 9px;font-size:.9rem;font-weight:600;line-height:1.4}.card-detail-form-grid input{min-height:39px}.card-detail-inline-actions{flex-wrap:wrap;gap:7px;display:flex}.card-detail-inline-actions button{min-height:34px;padding:0 11px;font-size:.78rem;font-weight:820}.card-detail-audio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.card-detail-audio-block,.card-detail-audio-empty{border:1px solid var(--border);background:#fffcf5;border-radius:10px;align-content:start;gap:8px;min-width:0;padding:10px;display:grid}.card-detail-audio-label{justify-content:space-between;gap:8px;display:flex}.card-detail-audio-label span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.card-detail-audio-player{background:#f0f2f3;border-radius:999px;grid-template-columns:30px auto minmax(0,1fr);align-items:center;gap:7px;width:100%;min-width:0;padding:3px 8px 3px 4px;display:grid}.card-detail-audio-player>audio{display:none}.card-detail-audio-player>button{width:30px;min-width:30px;min-height:30px;color:var(--heading);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;font-size:.85rem;display:grid}.card-detail-audio-player>button:hover,.card-detail-audio-player>button:focus-visible{background:#2f40561a}.card-detail-audio-time{color:var(--heading);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;font-weight:750}.card-detail-audio-player>input[type=range]{width:100%;min-width:0;accent-color:var(--navy);margin:0;padding:0}.card-detail-audio-empty{min-height:100px;color:var(--muted);place-items:center;font-size:.82rem}.card-detail-errors{color:#8a3d2f;background:#fff0ea;border:1px solid #e4b7ad;border-radius:9px;gap:4px;padding:10px;font-size:.78rem;display:grid}.card-detail-anki-preview{border:1px solid var(--border);background:var(--subtle);border-radius:9px;padding:8px 10px}.card-detail-anki-preview summary{cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:850}.card-detail-anki-preview[open]{gap:10px;display:grid}.card-detail-footer{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:10px;padding-top:16px;display:flex}.card-detail-footer>span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.card-detail-footer button{min-height:36px;padding:0 14px;font-weight:850}.danger-action{color:var(--accent-strong);background:0 0;border-color:#0000}.anki-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.video-library-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:14px;display:grid}.video-library-card{border:1px solid var(--border);background:var(--surface);border-radius:11px;grid-template-columns:152px minmax(0,1fr);gap:14px;min-width:0;padding:16px;display:grid;box-shadow:0 8px 20px #2a221809}.video-library-card.unavailable{box-shadow:none;background:#efede8;border-color:#cbc6bd}.video-library-card.unavailable .video-library-thumbnail img{filter:grayscale();opacity:.55}.video-library-card.unavailable .video-library-thumbnail>span{background:#53524eeb}.video-library-card.unavailable .video-library-copy{opacity:.78}.video-library-card.unavailable .video-library-actions{opacity:1}.video-library-thumbnail{background:#a5a5a5;border-radius:7px;min-height:128px;position:relative;overflow:hidden}.video-library-thumbnail img{object-fit:cover;width:100%;height:100%}.video-library-thumbnail>span{color:#fffaf0;text-align:center;background:#2f4056e6;padding:4px 7px;font-size:.68rem;font-weight:850;position:absolute;bottom:0;left:0;right:0}.video-library-copy{align-content:start;gap:7px;min-width:0;display:grid}.video-library-kicker{justify-content:space-between;align-items:center;gap:8px;display:flex}.video-library-kicker .eyebrow{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.62rem;overflow:hidden}.video-library-copy h3{color:var(--heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.94rem;line-height:1.3;display:-webkit-box;overflow:hidden}.video-unavailable-badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#6f6c66;border-radius:999px;flex:none;width:fit-content;padding:3px 8px;font-size:.6rem;font-weight:850;display:inline-flex}.video-unavailable-note{color:var(--muted);margin:0;font-size:.68rem;font-weight:700;line-height:1.35}.video-library-card.unavailable button:disabled,.home-video-card.unavailable button:disabled{cursor:not-allowed;color:#f7f5f0;background:#aaa69e;border-color:#aaa69e}.video-coverage-meter{background:#e7e1d7;border-radius:999px;height:5px;margin:1px 0;overflow:hidden}.video-coverage-meter span{border-radius:inherit;background:#4e9a63;max-width:100%;height:100%;display:block}.video-library-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;display:grid}.video-library-stats div{border-right:1px solid var(--border);gap:2px;min-width:0;display:grid}.video-library-stats div:last-child{border-right:0}.video-library-stats dt{color:var(--muted);text-transform:uppercase;font-size:.58rem;font-weight:850}.video-library-stats dd{color:var(--heading);margin:0;font-size:.76rem;font-weight:850}.video-library-meta{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:.65rem;font-weight:750;display:flex}.video-library-actions{align-items:center;gap:9px;margin-top:auto;display:flex}.video-library-actions button{min-height:30px;padding:0 11px;font-size:.72rem;font-weight:850}.video-library-actions button.primary{border-color:var(--navy);background:var(--navy);color:#fff}.video-library-actions>span{color:var(--muted);font-size:.62rem;font-weight:700;line-height:1.25}.anki-settings-panel{align-content:start;gap:12px;display:grid}.anki-settings-panel label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:800;display:grid}.anki-settings-panel input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--heading);border-radius:8px;padding:11px 12px}.knowledge-bank-panel{grid-column:1/-1}.word-bank-summary{gap:6px;display:grid}.knowledge-summary{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:7px;padding:12px;display:grid}.word-bank-summary dl,.knowledge-summary dl{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0;display:grid}.word-bank-summary div,.knowledge-summary div{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:2px;padding:9px 10px;display:grid}.word-bank-summary dt,.knowledge-summary dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.word-bank-summary dd,.knowledge-summary dd{color:var(--heading);margin:0;font-size:1.1rem;font-weight:850}.word-bank-summary small,.knowledge-summary small{color:var(--muted);font-weight:700}.word-bank-status{border:1px solid var(--border);text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:.7rem;font-weight:850}.word-bank-status.learning{color:#0f514d;background:#dcf8f5}.word-bank-status.learned{color:#174c32;background:#e7f5ed}.word-bank-status.mastered{color:#415b49;background:#eff6f0}.word-bank-status.queued{color:#173a68;background:#e8f1ff}.word-bank-status.draft,.word-bank-status.saved,.word-bank-status.syncing,.word-bank-status.inAnki{color:#174c32;background:#e7f5ed}.word-bank-status.suspended,.word-bank-status.missing,.word-bank-status.syncError{color:#5f5548;background:#f4efe7}.word-bank-status.ignored,.word-bank-status.properNoun{color:#594f42;background:#f3f1ed}.knowledge-bank-link-card{border:1px solid var(--border);background:var(--subtle);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.knowledge-bank-link-card div{gap:4px;display:grid}.knowledge-bank-link-card strong{color:var(--heading);font-weight:850}.knowledge-bank-link-card p{color:var(--muted);font-size:.86rem;font-weight:700;line-height:1.4}.knowledge-bank-link-card button{min-height:36px;padding:0 12px;font-weight:850}.knowledge-table-panel{gap:8px;display:grid}.knowledge-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.knowledge-list li{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:7px;padding:11px 12px;display:grid}.knowledge-entry-main,.knowledge-entry-badges{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.knowledge-entry-meta,.knowledge-entry-actions{flex-wrap:wrap;gap:6px;display:flex}.knowledge-entry-actions button{min-height:31px;padding:0 10px;font-size:.78rem;font-weight:850}.knowledge-entry-main strong{overflow-wrap:anywhere;color:var(--heading);font-size:1rem}.knowledge-entry-main small,.knowledge-list p,.knowledge-list small,.knowledge-list em{color:var(--muted);margin:0;font-size:.84rem;font-weight:700;line-height:1.4}.knowledge-entry-badges span:not(.word-bank-status){border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:850}.knowledge-list em{color:#a34335;font-style:normal}.account-page{gap:16px;width:100%;min-width:0;display:grid}.account-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:14px;display:grid}.account-panel,.account-auth-form,.account-session{gap:12px;display:grid}.account-panel p{color:var(--muted);font-size:.95rem;line-height:1.55}.account-auth-intro{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:4px;padding:10px;display:grid}.account-auth-intro strong{color:var(--heading);font-weight:850}.account-auth-mode{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.account-auth-mode button{background:var(--subtle);min-height:32px;color:var(--muted);border-color:#0000;font-size:.82rem;font-weight:850}.account-auth-mode button.active{border-color:var(--heading);background:var(--heading);color:#fff}.account-benefits-panel{align-content:start}.account-benefit-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.account-benefit-list li{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:3px;padding:9px;display:grid}.account-benefit-list strong{color:var(--heading);font-size:.9rem;font-weight:850}.account-benefit-list span{color:var(--muted);font-size:.84rem;font-weight:700;line-height:1.4}.extension-install-steps{color:var(--muted);gap:5px;margin:0;padding-left:18px;font-size:.9rem;line-height:1.45;display:grid}.account-panel label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:800;display:grid}.account-panel input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--heading);border-radius:8px;padding:10px 11px}.account-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.account-actions button,.account-session button{min-height:36px;padding:0 12px;font-weight:800}.diagnostic-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.diagnostic-scope-note{color:var(--muted);margin:0;font-size:.78rem}.diagnostic-summary-grid div,.diagnostic-cleanup-list div{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:3px;min-width:0;padding:9px;display:grid}.diagnostic-summary-grid span,.diagnostic-summary-grid small,.diagnostic-cleanup-list dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.diagnostic-summary-grid strong,.diagnostic-cleanup-list dd{min-width:0;color:var(--heading);overflow-wrap:anywhere;margin:0;font-weight:850}.diagnostic-summary-grid small{text-transform:none}.diagnostic-cleanup-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.diagnostic-retention-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.diagnostic-integrity-list{grid-template-columns:repeat(4,minmax(0,1fr))}.diagnostic-prompt{resize:vertical;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-height:210px;color:var(--heading);border-radius:8px;padding:10px;font:.78rem/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.account-session dl,.bridge-summary dl{gap:8px;margin:0;display:grid}.account-session dl div,.bridge-summary dl div{gap:3px;display:grid}.account-session dt,.bridge-summary dt{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:850}.account-session dd,.bridge-summary dd{min-width:0;color:var(--heading);overflow-wrap:anywhere;margin:0;font-weight:750}.anki-bridge-panel{grid-column:1/-1}.bridge-summary dl{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-summary dl{grid-template-columns:repeat(4,minmax(0,1fr))}.bridge-alert{background:#fff7ed;border:1px solid #b3662b47;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.bridge-alert strong{color:var(--heading);font-weight:850}.bridge-alert p,.action-help{color:var(--muted);font-size:.84rem;font-weight:700;line-height:1.45}.bridge-alert button,.bridge-dashboard-actions button,.button-link,.quiet-button{min-height:36px;padding:0 12px;font-weight:850}.bridge-setup-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);align-items:start;gap:14px;display:grid}.bridge-pairing-panel{gap:12px;min-width:0;display:grid}.bridge-setup-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bridge-setup-step{border:1px solid var(--border);background:var(--subtle);border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.bridge-setup-step>span{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--muted);border-radius:999px;place-items:center;font-size:.78rem;font-weight:850;display:grid}.bridge-setup-step strong{color:var(--heading);font-weight:850;display:block}.bridge-setup-step p,.bridge-install-box li,.bridge-install-heading span,.bridge-anki-menu p{color:var(--muted);font-size:.86rem;font-weight:700;line-height:1.45}.bridge-setup-step.complete{background:#eff8f2;border-color:#29845547}.bridge-setup-step.complete>span{color:#1d5b37;background:#dff3e6;border-color:#29845559}.bridge-setup-step.current,.bridge-setup-step.ready{background:#edf5ff;border-color:#2684ff47}.bridge-setup-step.current>span,.bridge-setup-step.ready>span{color:#1d5f9f;background:#dbeafe;border-color:#2684ff5c}.bridge-setup-step.locked{opacity:.72}.bridge-install-box,.bridge-url-box,.bridge-anki-menu{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:10px;padding:12px;display:grid}.bridge-install-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bridge-install-heading strong,.bridge-anki-menu strong{color:var(--heading);font-weight:850}.button-link{border:1px solid var(--heading);background:var(--heading);color:#fff;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.quiet-button{background:var(--subtle)}.bridge-install-box ol{gap:5px;margin:0;padding-left:18px;display:grid}.bridge-path-list{gap:8px;display:grid}.bridge-path-list div,.bridge-url-box{grid-template-columns:minmax(0,1fr) auto}.bridge-path-list div{border:1px solid var(--border);background:var(--subtle);border-radius:8px;align-items:center;gap:5px 8px;padding:8px;display:grid}.bridge-path-list span,.bridge-url-box span{color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-size:.72rem;font-weight:850}.bridge-path-list code,.bridge-url-box code{overflow-wrap:anywhere;min-width:0;color:var(--heading);font-size:.82rem;font-weight:750}.bridge-path-list button,.bridge-url-box button{min-height:31px;padding:0 10px;font-size:.78rem;font-weight:850}.bridge-anki-menu p+p{margin-top:3px}.pairing-code-card{background:#2684ff14;border:1px solid #2684ff38;border-radius:8px;gap:4px;padding:12px;display:grid}.pairing-code-card span,.pairing-code-card small{color:var(--muted);font-size:.78rem;font-weight:800}.pairing-code-card strong{color:var(--heading);letter-spacing:0;font-size:1.8rem}.bridge-device-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bridge-device-list li{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:3px;padding:9px 10px;display:grid}.bridge-device-list strong{color:var(--heading)}.bridge-device-list small{color:var(--muted)}.dashboard-device-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.selected-deck-list{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:8px;padding:10px;display:grid}.selected-deck-list>span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.selected-deck-list div{flex-wrap:wrap;gap:7px;display:flex}.selected-deck-list strong{border:1px solid var(--border);background:var(--surface);color:var(--heading);border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:800}.anki-actions{flex-wrap:wrap;gap:8px;display:flex}.anki-actions button{min-height:38px;padding:0 13px;font-weight:800}.panel-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--soft-shadow);border-radius:7px;padding:16px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-header span{color:var(--muted);font-size:.82rem;font-weight:700}.headword{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:12px;display:grid}.headword>div{min-width:0}.headword p{color:var(--muted);font-size:1rem;font-weight:700}.field-label,.sense-option-label{color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:.68rem;font-weight:850;line-height:1;display:block}.dictionary-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.dictionary-details{flex-wrap:wrap;flex:auto;gap:6px;display:flex}.dictionary-details span{border:1px solid var(--border);color:var(--muted);background:var(--subtle);border-radius:999px;padding:5px 9px;font-size:.74rem;font-weight:750}.dictionary-pitch-preview{width:min(320px,100%);margin:0 auto 12px}.dictionary-pitch-preview .pitch-accent-card,.dictionary-pitch-preview .pitch-accent-empty{border-radius:9px;padding:9px 11px}.dictionary-loading{border:1px solid var(--border);background:var(--subtle);border-radius:7px;align-items:center;gap:10px;padding:12px;display:flex}.dictionary-loading span{border:2px solid #67716040;border-top-color:var(--accent);border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite dictionary-spin}.dictionary-loading p{color:var(--muted);font-size:.88rem;font-weight:750}@keyframes dictionary-spin{to{transform:rotate(360deg)}}.dictionary-choice-heading{justify-content:space-between;align-items:baseline;gap:10px;margin:8px 0;display:flex}.dictionary-choice-heading strong{color:var(--heading);font-size:.92rem}.dictionary-choice-heading span{color:var(--muted);font-size:.76rem;font-weight:800}.token-classifier{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:8px;margin-bottom:0;padding:10px;display:grid}.token-classifier>div:first-child{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.token-classifier strong{color:var(--heading);font-size:1rem}.token-classifier span{color:var(--muted);font-size:.78rem;font-weight:850}.token-classifier-actions{flex-wrap:wrap;gap:6px;display:flex}.token-classifier button,.token-classifier-menu button{min-height:28px;padding:0 9px;font-size:.76rem;font-weight:800}.token-classifier button.active,.token-classifier-menu button.active{color:#3f3551;background:#f5f3f8;border-color:#bfb3cc}.token-classifier-menu{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:220px;gap:6px;padding:8px;display:grid}.token-classifier-menu>span{color:var(--muted);font-size:.78rem;font-weight:850}.sense-list{gap:8px;display:grid}.sense-option{text-align:left;gap:5px;width:100%;padding:11px 12px;display:grid}.sense-option.selected{border-color:var(--accent);background:var(--selected)}.sense-option strong{color:var(--heading);font-weight:750;line-height:1.35}.sense-option span{color:var(--muted);font-size:.82rem}.sense-option .sense-option-label{color:var(--accent);font-size:.66rem}.card-preview dl{gap:10px;margin:0 0 14px;display:grid}.card-preview dl div{grid-template-columns:92px minmax(0,1fr);gap:12px;display:grid}.card-preview dt{color:var(--muted);font-size:.78rem;font-weight:800}.card-preview dd{min-width:0;color:var(--heading);margin:0;font-weight:620}.furigana-sentence{color:var(--heading);font-weight:700;line-height:2.1}.furigana-sentence ruby{ruby-position:over}.furigana-sentence rt{color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.56em;font-weight:750;line-height:1}.furigana-sentence mark{color:#2f2509;background:#fff4c2;border-radius:5px;padding:1px 4px}.queue-panel ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.batch-export{margin-bottom:10px}.queue-panel li{border:1px solid var(--border);background:var(--subtle);border-radius:8px;gap:8px;padding:9px 10px;display:grid}.compact-card-list{grid-template-columns:1fr}.compact-card-row{background:var(--surface);gap:6px;padding:8px 9px}.compact-card-summary{grid-template-columns:minmax(86px,.45fr) minmax(0,1fr) minmax(0,1.25fr) minmax(112px,.5fr);align-items:center;gap:10px;min-width:0;display:grid}.compact-card-word{gap:1px;min-width:0;display:grid}.compact-card-word strong{font-size:1rem}.compact-card-summary p{min-width:0;color:var(--heading);gap:2px;margin:0;font-size:.88rem;font-weight:700;line-height:1.25;display:grid}.compact-card-summary p:not(.is-muted){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.compact-card-summary p span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:850}.compact-card-summary p span:after{content:": "}.compact-card-summary p.is-muted{color:var(--muted)}.compact-card-state{text-align:right;justify-items:end;gap:2px;min-width:0;display:grid}.compact-card-actions{flex-wrap:wrap;gap:6px;display:flex}.compact-card-actions button{min-height:28px;padding:0 9px;font-size:.76rem;font-weight:800}.side-panel .queue-panel{overflow:hidden}.side-panel .compact-card-summary{grid-template-columns:minmax(0,1fr);align-items:start;gap:6px}.side-panel .compact-card-state{text-align:left;justify-items:start}.side-panel .compact-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.side-panel .compact-card-actions button{width:100%;padding-inline:6px}.side-panel .compact-card-details .card-text-grid,.side-panel .card-text-grid{grid-template-columns:1fr}.side-panel .anki-preview-card{gap:9px;padding:11px}.side-panel .anki-preview-word strong{font-size:1.65rem}.side-panel .anki-preview-sentence{font-size:1rem}.side-panel .anki-preview-answer{padding:10px}.side-panel .anki-preview-answer>div:not(.anki-preview-audio){grid-template-columns:74px minmax(0,1fr)}.compact-card-errors{gap:3px;display:grid}.card-readiness-list{flex-wrap:wrap;gap:6px;display:flex}.card-readiness-list span{border:1px solid var(--border);background:var(--surface);text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:850}.card-readiness-list span.ready{color:#1d5b37;background:#eff8f2;border-color:#2984553d}.card-readiness-list span.missing{color:#734a19;background:#fff7ed;border-color:#b3662b47}.card-workflow-hint{color:var(--muted);margin:0;font-size:.82rem;font-weight:750}.compact-card-details{border:1px solid var(--border);background:var(--subtle);border-radius:8px;padding:5px 7px}.compact-card-details summary{cursor:pointer;color:var(--muted);font-size:.76rem;font-weight:850}.compact-card-details[open]{gap:7px;display:grid}.anki-preview-shell{gap:8px;min-width:0;display:grid}.anki-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.anki-preview-toolbar>span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:850}.anki-preview-toolbar .segmented-control{padding:2px}.anki-preview-toolbar .segmented-control button{min-height:26px;padding:0 9px;font-size:.74rem}.anki-preview-card{color:#28251f;text-align:center;background:#f7f3ea;border:1px solid #ded6c8;border-radius:12px;gap:12px;padding:16px;display:grid}.anki-preview-word{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;display:flex}.anki-preview-word strong{color:#28251f;font-size:2rem;font-weight:850;line-height:1.1}.anki-preview-word span{color:#837a68;font-size:.92rem;font-weight:800}.anki-preview-sentence{color:#28251f;font-size:1.18rem;font-weight:680}.anki-preview-answer{text-align:left;background:#fffdf8;border:1px solid #ded6c8;border-radius:12px;gap:10px;padding:14px;display:grid;box-shadow:0 8px 26px #3f362914}.anki-preview-answer>div:not(.anki-preview-audio){grid-template-columns:86px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.anki-preview-answer span{color:#867c6a;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:850}.anki-preview-answer strong{color:#1f2933;overflow-wrap:anywhere;min-width:0;font-size:1rem;font-weight:850}.anki-preview-answer p{color:#4a463d;overflow-wrap:anywhere;margin:0;font-size:.94rem;font-weight:680;line-height:1.45}.anki-preview-answer>.anki-preview-pitch{align-items:start}.anki-preview-pitch .pitch-accent-card,.anki-preview-pitch .pitch-accent-empty{background:0 0;border:0;padding:0}.anki-preview-pitch .pitch-accent-svg{height:72px}.anki-preview-audio{flex-wrap:wrap;gap:8px;display:flex}.anki-preview-audio>span{background:#f7f3ea;border:1px solid #e2dacd;border-radius:8px;gap:4px;min-width:min(180px,100%);padding:8px;display:grid}.anki-preview-audio audio{width:100%;height:32px}.card-library-heading,.card-library-actions{align-items:center;gap:8px;display:grid}.card-library-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.card-library-heading div{gap:2px;min-width:0;display:grid}.card-library-heading strong{overflow-wrap:anywhere;min-width:0}.card-text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.card-inline-field{color:var(--muted);text-transform:uppercase;gap:5px;font-size:.74rem;font-weight:850;display:grid}.card-inline-field-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.translation-status{border:1px solid var(--border);background:var(--surface);color:var(--muted);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:850}.translation-status.machine{color:#12524b;background:#e9f6f3}.translation-status.manual{color:#24416c;background:#eef4ff}.translation-status.generating{color:#6a4a10;background:#fff6dc}.translation-status.error{color:#8a3d2f;background:#fff0ea}.card-inline-field textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--heading);font:inherit;text-transform:none;border-radius:8px;padding:7px 8px;font-size:.86rem;font-weight:650;line-height:1.3}.card-inline-field textarea:read-only{background:var(--subtle)}.card-meta-line{flex-wrap:wrap;gap:6px 10px;min-width:0;display:flex}.card-meta-line small{min-width:0}.card-detail-section{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:6px 8px}.card-detail-section summary{cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:850}.card-detail-section[open]{gap:7px;display:grid}.card-sentence-preview{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:8px 9px}.card-sentence-preview .furigana-sentence{font-size:1.08rem;line-height:2.15}.card-library-actions{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.card-library-heading span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.card-library-actions button{min-width:0;min-height:30px;padding:0 8px;font-size:.78rem;font-weight:750}.card-audio-preview{width:100%;height:34px}.card-audio-block{gap:4px;display:grid}.card-audio-editor-grid{gap:8px;display:grid}.compact-card-row .card-audio-editor-grid{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:7px}.audio-trim-editor{border:1px solid var(--border);background:#fffdf7db;border-radius:8px;gap:6px;min-width:0;padding:7px;display:grid}.compact-audio-trim-editor{padding:6px}.audio-trim-toggle{color:var(--muted);background:0 0;border:0;justify-self:start;padding:1px 2px;font-size:.76rem;font-weight:800}.audio-trim-toggle:hover,.audio-trim-toggle:focus-visible{color:var(--accent)}.audio-trim-track{border:1px solid var(--border);cursor:crosshair;touch-action:none;background:linear-gradient(#fffdfa,#f4eee3);border-radius:6px;height:52px;position:relative;overflow:hidden}.audio-trim-waveform,.audio-trim-current-window,.audio-trim-selection{position:absolute;top:0;bottom:0}.audio-trim-waveform{pointer-events:none;justify-content:space-between;align-items:center;gap:1px;padding:5px 0;display:flex}.audio-trim-bar{background:#2f40568c;border-radius:999px;flex:1 1 0;width:100%;min-width:1px}.audio-trim-bar.placeholder{background:#776f6247;height:18%}.audio-trim-current-window{z-index:1;border:1px dashed #2f405675;pointer-events:none;background:#2f40560f;border-block:0}.audio-trim-selection{z-index:2;pointer-events:none;background:#bd543c29;border-inline:1px solid #973e2d8c}button.audio-trim-handle{z-index:3;width:18px;min-width:0;min-height:0;box-shadow:none;cursor:ew-resize;touch-action:none;background:0 0;border-color:#0000;border-radius:0;padding:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}button.audio-trim-handle:before{content:"";background:#973e2de0;border-radius:999px;width:2px;position:absolute;top:4px;bottom:4px;left:8px;box-shadow:0 0 0 1px #fffdf7c7}button.audio-trim-handle:hover,button.audio-trim-handle:focus-visible{background:#bd543c14;border-color:#0000}button.audio-trim-handle:hover:before,button.audio-trim-handle:focus-visible:before{background:var(--accent-strong);width:3px}.audio-trim-controls{grid-template-columns:repeat(2,minmax(76px,1fr)) minmax(48px,auto) repeat(2,minmax(58px,auto));align-items:end;gap:5px;display:grid}.audio-trim-controls label{color:var(--muted);text-transform:uppercase;gap:2px;font-size:.72rem;font-weight:800;display:grid}.audio-trim-controls input{border:1px solid var(--border);width:100%;min-height:30px;color:var(--heading);font:inherit;background:#fff;border-radius:6px;padding:0 6px;font-size:.82rem;font-weight:750}.audio-trim-duration{color:var(--muted);text-align:center;white-space:nowrap;align-self:center;font-size:.78rem;font-weight:800}.audio-trim-controls button{min-width:0;min-height:30px;padding:0 8px;font-size:.76rem;font-weight:800}.audio-trim-scale{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-3px;font-size:.68rem;font-weight:800;display:flex}.audio-trim-error{color:var(--accent-strong)}.queue-panel strong{color:var(--heading)}.queue-panel span,.queue-panel small,.queue-panel em,.empty-state{color:var(--muted);font-size:.9rem}.queue-panel small,.queue-panel em{overflow-wrap:anywhere}.queue-panel em{color:#a34335;font-style:normal;font-weight:700}@media (width<=980px){.app-shell:not(.extension-panel-shell){background:var(--page-bg)}.studio{grid-template-columns:1fr;padding:0}.topbar{border-right:0;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:auto;padding:5px 8px;position:static}.page-route,.koi-banner{grid-column:1}.brand-lockup{display:block}.brand-lockup>div:last-child{display:none}.brand-mark{border-radius:6px;width:44px;height:44px}.page-nav{border-top:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;width:100%;padding:0}.koi-banner{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0;padding:8px 12px}.koi-banner h1{font-size:1.55rem}.koi-banner small{margin-top:2px;font-size:.76rem;line-height:1.25}.koi-banner-pill{grid-column:2;justify-self:end;padding:4px 7px;font-size:.68rem}.page-nav button{justify-content:center;gap:5px;min-height:40px;padding:4px 3px}.page-nav-japanese{display:none}.page-nav-english{font-size:.7rem}.cards-page-actions{justify-content:flex-start}.card-library-toolbar{grid-template-columns:1fr}.cards-workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-toolbar{grid-template-columns:1fr;align-items:stretch}.knowledge-explainer,.kana-layout{grid-template-columns:1fr}.kana-review-panel{position:static}.kana-row-panel{position:static;overflow:visible}.kana-row-ladder{grid-template-columns:repeat(auto-fit,minmax(min(100%,178px),1fr));padding-right:0;overflow:visible}.anki-settings-grid,.account-grid,.dashboard-summary dl,.diagnostic-cleanup-list,.diagnostic-summary-grid,.bridge-setup-layout,.bridge-summary dl{grid-template-columns:1fr}.bridge-alert,.knowledge-bank-link-card{display:grid}.video-library-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.player-column{--watch-player-height:clamp(260px, 44vh, 440px)}.coverage-panel{grid-template-columns:1fr}.coverage-summary{align-items:start;display:grid}.coverage-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.coverage-summary dl div{text-align:left}.subtitle-overlay{inset-bottom:5%;padding:0 10px}.subtitle-line{gap:5px;max-width:96%;padding:7px}.subtitle-token{min-width:48px;padding:3px 5px}}@media (width<=680px){.topbar{z-index:8;order:2;grid-row:auto;grid-template-columns:1fr;gap:0;padding:4px 6px;position:relative}.koi-banner{order:1;grid-row:auto}.page-route{order:3;grid-row:auto}.brand-lockup{display:none}.page-nav{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;position:relative;overflow:visible}.page-nav button{min-height:36px;padding:3px 2px}.page-nav button[data-mobile-nav=primary]{order:1}.page-nav button[data-mobile-nav=overflow]{order:3;display:none}.page-nav .mobile-menu-toggle{order:2;display:flex}.page-nav.mobile-menu-open .mobile-nav-dropdown{z-index:20;background:#232323fa;border:1px solid #ffffff24;border-radius:6px;gap:2px;padding:5px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 14px 28px #14100c4d}.mobile-nav-dropdown button{justify-content:flex-start;gap:9px;width:100%;min-height:38px;padding:5px 9px;display:flex}.page-nav-icon{width:16px;height:16px}.page-nav-english{font-size:.68rem}.koi-banner{padding:7px 10px}.koi-banner h1{font-size:1.35rem}.koi-banner small{display:none}.kana-row-panel{padding:11px 12px;display:block}.kana-page{gap:12px}.kana-summary{gap:6px;padding:9px 10px}.kana-summary .kana-summary-desktop,.kana-summary .kana-summary-hint-desktop{display:none}.kana-summary .kana-summary-mobile{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.kana-summary .kana-summary-mobile>div{border-radius:6px;gap:1px;padding:6px 7px}.kana-summary .kana-summary-mobile dt{font-size:.62rem}.kana-summary .kana-summary-mobile dd{white-space:nowrap;font-size:.9rem;line-height:1.15}.kana-summary .kana-summary-hint-mobile{font-size:.72rem;line-height:1.25;display:block}.kana-row-panel-heading,.kana-row-ladder{display:none}.kana-mobile-set-picker{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;display:grid}.kana-mobile-set-picker label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:900}.kana-mobile-set-picker select{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;min-height:40px;color:var(--heading);border-radius:7px;padding:6px 32px 6px 10px;font-size:1rem;font-weight:850}.kana-mobile-set-picker small{color:var(--muted);grid-column:1/-1;font-size:.76rem;font-weight:750;line-height:1.25}.kana-study-panel{gap:9px;padding:12px}.kana-study-panel .panel-header{align-items:end;gap:8px}.kana-study-panel .panel-header>span{text-align:right;font-size:.7rem;line-height:1.25}.kana-study-panel h3{font-size:1.25rem}.kana-reference-hidden{place-content:initial;text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:0;padding:9px 10px}.kana-reference-hidden strong{white-space:nowrap;font-size:.78rem}.kana-reference-hidden p{max-width:none;font-size:.72rem;line-height:1.3}.kana-row-intro{display:none}.kana-pair-grid{grid-template-columns:repeat(var(--kana-row-item-count), minmax(58px, 1fr));overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:5px;padding-bottom:3px;overflow-x:auto}.kana-pair-card{scroll-snap-align:start;border-radius:6px;gap:4px;min-width:0;padding:5px}.kana-pair-characters{grid-template-columns:1fr;gap:3px}.kana-pair-characters span{border-radius:5px;min-height:46px;font-size:2.1rem}.kana-pair-card.compound .kana-pair-characters span{font-size:1.45rem}.kana-pair-card>strong{text-align:center;font-size:.78rem}.kana-pair-card>p{display:none}.kana-mobile-row-notes{border:1px solid var(--border);background:var(--subtle);border-radius:7px;display:block}.kana-mobile-row-notes summary{cursor:pointer;color:var(--heading);padding:8px 10px;font-size:.78rem;font-weight:850}.kana-mobile-row-notes>div{border-top:1px solid var(--border);gap:7px;padding:9px 10px 10px;display:grid}.kana-mobile-row-notes p{color:var(--muted);margin:0;font-size:.76rem;font-weight:700;line-height:1.4}.kana-mobile-row-notes ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.kana-mobile-row-notes li{gap:2px;display:grid}.kana-mobile-row-notes li strong{color:var(--accent-strong);font-size:.78rem}.kana-mobile-row-notes li span{color:var(--muted);font-size:.74rem;font-weight:700;line-height:1.35}.kana-local-notice{gap:8px;padding:8px 10px;display:flex}.kana-local-notice button{white-space:nowrap;width:auto;min-height:32px;padding-inline:9px}.kana-local-action-desktop{display:none}.kana-local-notice p{font-size:.7rem;line-height:1.25}.kana-local-action-mobile{display:inline}.signed-out-gate{min-height:420px;padding:16px}.compact-card-summary{grid-template-columns:1fr}.compact-card-state{text-align:left;justify-items:start}.card-text-grid{grid-template-columns:1fr}.audio-trim-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.audio-trim-duration{justify-self:start}}@media (width<=560px){.bridge-install-heading{display:grid}.bridge-path-list div,.bridge-url-box{grid-template-columns:1fr}.bridge-path-list button,.bridge-url-box button{width:100%}}@media (width<=980px){.home-page{padding-top:4px}.home-video-card{grid-template-columns:118px minmax(0,1fr)}.video-library-card{grid-template-columns:132px minmax(0,1fr)}.cards-overview-heading,.card-detail-section-heading{align-items:start}.card-grid-toolbar{grid-template-columns:minmax(0,1fr) auto}.card-grid-search{grid-column:1/-1}.card-detail-study-grid,.card-detail-audio-grid{grid-template-columns:1fr}}@media (width<=680px){.home-benefit-grid,.home-auth-fields,.home-guide-layout,.home-video-grid{grid-template-columns:1fr}.home-benefit-card{min-height:104px}.home-auth-panel,.home-guide-card,.home-faq-card{padding:15px}.home-auth-heading,.home-section-heading{display:grid}.home-auth-heading>span,.home-section-heading>span{text-align:left;max-width:none}.home-about-band{padding:28px 12px 16px}.home-about-card{padding:19px}.home-activity-panel{grid-template-columns:1fr;gap:12px;padding:16px}.home-streak-summary{grid-template-columns:minmax(0,1fr) auto;align-items:end}.home-streak-summary .eyebrow,.home-streak-summary h2,.home-streak-summary>span,.home-streak-summary>em{grid-column:1}.home-streak-summary>strong{grid-area:1/2/4}.home-activity-grid>span:nth-child(-n+189){display:none}.home-setup-details{grid-template-columns:1fr}.home-setup-actions{display:grid}.home-setup-actions .button-link,.home-setup-actions button{width:100%}.home-video-card,.video-library-card{grid-template-columns:132px minmax(0,1fr)}.cards-overview-panel,.card-detail-sheet{border-radius:10px;padding:13px}.cards-overview-heading,.card-detail-section-heading,.card-detail-topbar{display:grid}.card-filter-chips{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card-filter-chips button{justify-content:space-between}.card-grid-toolbar,.card-detail-form-grid{grid-template-columns:1fr}.card-grid-search,.card-detail-form-grid label.wide{grid-column:auto}.card-grid-sort{grid-template-columns:auto minmax(0,1fr);display:grid}.card-grid-sort select,.card-grid-batch-action{width:100%}.card-glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}button.card-glance-tile{min-height:174px;padding:9px 10px}.card-detail-kicker,.card-detail-audio-label{align-items:start}.card-detail-audio-block{max-width:100%;padding:8px}.card-detail-inline-actions,.card-detail-footer{grid-template-columns:1fr;display:grid}.card-detail-inline-actions button,.card-detail-footer button{width:100%}.card-detail-footer>span{text-align:center}}@media (width<=420px){.home-video-card,.video-library-card{grid-template-columns:1fr}.home-video-thumbnail,.video-library-thumbnail{min-height:150px}.home-about-actions,.home-guide-actions,.home-video-actions,.video-library-actions{display:grid}.video-library-actions>span{line-height:1.35}.card-filter-chips,.card-glance-grid{grid-template-columns:1fr}button.card-glance-tile{min-height:160px}.card-detail-audio-label{grid-template-columns:auto minmax(0,1fr);display:grid}.card-detail-audio-label strong{white-space:nowrap}.card-detail-audio-player{border-radius:12px;grid-template-columns:30px minmax(0,1fr);gap:3px 7px;padding:4px 8px 6px 4px}.card-detail-audio-player>button{grid-area:1/1}.card-detail-audio-time{grid-area:1/2}.card-detail-audio-player>input[type=range]{grid-area:2/1/auto/-1}}
