:root{--bg0: #faf9f7;--bg1: #ffffff;--bg2: #f2f0ec;--bg3: #e8e5de;--text0: #1a1918;--text1: #5a5755;--text2: #767270;--line1: rgba(0, 0, 0, .08);--line2: rgba(0, 0, 0, .15);--blue-bg: #e8f1fb;--blue: #1a5fa8;--green-bg: #eaf4e0;--green: #3a6d12;--amber-bg: #fef3e2;--amber: #92520a;--red-bg: #fbeae8;--red: #b3403a;--purple: #7c3aed;--teal: #0d8a6f;--rose: #b8336a;--hanko: #b8362a;--hanko-ink: #ffffff;--font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--chat-text: 20px;--film-speaker-0: var(--blue);--film-speaker-1: var(--amber);--film-speaker-2: var(--purple);--film-speaker-3: var(--teal);--film-speaker-4: var(--rose)}@media(prefers-color-scheme:dark)and (min-width:721px){:root{--bg0: #181716;--bg1: #1f1e1d;--bg2: #272624;--bg3: #302e2c;--text0: #f0ede8;--text1: #b8b2ad;--text2: #807a75;--line1: rgba(255, 255, 255, .07);--line2: rgba(255, 255, 255, .14);--blue-bg: #173451;--blue: #89c3ef;--green-bg: #203418;--green: #91c96b;--amber-bg: #3d2a0a;--amber: #f0a84a;--red-bg: #3d1f1c;--red: #e08479;--purple: #b48aff;--teal: #4fd1b5;--rose: #f472a6;--hanko: #e0796d;--hanko-ink: #241211}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--bg0);color:var(--text0);font-family:var(--font);font-size:16px;line-height:1.55}button,textarea{font:inherit}button{border:0}.app-shell{display:flex;flex-direction:column;height:100%;min-width:320px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:9px 14px;border-bottom:1px solid var(--line1);background:var(--bg1)}.brand,.top-actions{display:flex;align-items:center;gap:10px;min-width:0}.brand h1{margin:0;font-size:15px;font-weight:700}.brand p{margin:1px 0 0;color:var(--text1);font-size:11px}.mark{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--line1);border-radius:8px;background:var(--bg2);color:var(--blue);font-weight:800}.top-actions{justify-content:flex-end;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.badge.info{background:var(--blue-bg);color:var(--blue)}.badge.success{background:var(--green-bg);color:var(--green)}.badge.warn{background:var(--amber-bg);color:var(--amber)}.badge.badge-model{background:transparent;color:var(--text2);border:1px solid var(--line2);border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.02em}.icon-button{display:grid;width:30px;height:30px;place-items:center;cursor:pointer;border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--text1)}.tts-rate-btn{width:auto;padding:0 8px;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--text2)}.tts-rate-btn:hover{color:var(--text0)}.cost-chip{font-size:10px;color:var(--text2);white-space:nowrap;letter-spacing:.02em;padding:0 2px}.anki-dot{cursor:default}.anki-label{cursor:default;pointer-events:none}.export-btn-wrap{position:relative;display:inline-flex;flex-shrink:0}.export-count-badge{position:absolute;top:-5px;right:-5px;background:var(--amber);color:#fff;font-size:9px;font-weight:700;line-height:1;padding:2px 4px;border-radius:999px;pointer-events:none}.icon-button:hover,.button:hover{background:var(--bg2)}.mobile-only{display:none}.topbar-secondary{display:flex;align-items:center;gap:10px}.options-menu-wrap{position:relative}.options-backdrop{position:fixed;inset:0;z-index:49}.options-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:50;min-width:180px;padding:6px 0;border:1px solid var(--line2);border-radius:10px;background:var(--bg1);box-shadow:0 8px 24px #0000002e}.options-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;color:var(--text0);font-size:13px;cursor:pointer;white-space:nowrap}.options-item:hover{background:var(--bg2)}.options-item.danger{color:#c53030}.options-sep{height:1px;margin:4px 10px;background:var(--line1)}.options-badge{margin-left:auto;font-size:10px;font-weight:700;color:var(--text2)}.topbar-tools{display:flex;gap:4px;align-items:center}.topbar-tool-btn{height:36px;padding:0 12px;background:var(--bg2);border:1px solid var(--line1);border-radius:8px;color:var(--text1);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s;display:flex;align-items:center;gap:5px;white-space:nowrap}.topbar-tool-btn svg{width:15px;height:15px;flex-shrink:0}.topbar-tool-btn:hover{background:var(--bg3);color:var(--text0);border-color:var(--text3)}.top-actions .icon-button{width:36px;height:36px;border-radius:8px}.top-actions .icon-button svg{width:15px;height:15px}.voice-menu-wrap{position:relative}.voice-dropdown{right:0;min-width:270px}.voice-choice{align-items:flex-start;gap:9px;padding:10px 12px}.voice-choice span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.voice-choice strong{color:var(--text0);font-size:12px}.voice-choice small{color:var(--text2);font-size:10px;white-space:nowrap}.settings-menu-wrap{position:relative}.settings-btn{color:var(--text2)}.settings-btn:hover{color:var(--text0)}.settings-dropdown{min-width:220px}.settings-status-row{display:flex;align-items:center;gap:6px}.settings-label{color:var(--text2);font-size:12px}.tool-btn{padding:5px 10px;background:var(--bg2);border:1px solid var(--line1);border-radius:6px;color:var(--text2);font-size:11px;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;text-align:center}.tool-btn:hover{background:var(--bg3);color:var(--text0)}.progress-strip{flex-shrink:0;padding:6px 14px 8px;border-bottom:1px solid var(--line1);background:var(--bg1)}.progress-track{height:4px;overflow:hidden;border-radius:4px;background:var(--bg3)}.progress-fill{height:100%;border-radius:inherit;background:var(--blue);transition:width .24s ease}.progress-fill-correct{position:absolute;left:0;height:100%;border-radius:inherit;background:var(--green, #22c55e);transition:width .3s ease}.progress-fill-incorrect{position:absolute;height:100%;border-radius:0 4px 4px 0;background:var(--red, #ef4444);transition:width .3s ease,left .3s ease}.progress-track{position:relative}.progress-correct{color:var(--green, #22c55e);font-weight:600}.progress-incorrect{color:var(--red, #ef4444);font-weight:600}.progress-target{color:var(--text2)}.progress-labels{display:flex;justify-content:space-between;gap:12px;margin-top:4px;color:var(--text2);font-size:10px}.lesson-progress-label{font-weight:600;color:var(--text1);white-space:nowrap}.film-progress-labels-mobile{display:none}.lesson-bonus-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.lesson-bonus-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border:1px solid var(--line2);border-radius:999px;color:var(--text2);background:var(--bg2);font-size:10px;font-weight:600}.lesson-bonus-chip.done{border-color:color-mix(in srgb,var(--green, #22c55e) 40%,var(--line2));color:var(--green, #22c55e)}.lesson-bonus-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.lesson-progress-detail{font-weight:400;color:var(--text2)}.main-layout{display:flex;flex:1;min-height:0}.sidebar-section-label{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.vocabpanel-tools-section{padding:8px 12px;border-bottom:1px solid var(--line1);display:flex;flex-direction:column;gap:6px}.sidebar-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sidebar-tool-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;font-size:10px;white-space:normal;text-align:center;line-height:1.2;min-height:50px;width:100%}.sidebar-tool-btn svg{flex-shrink:0}.chat-panel{display:flex;flex:1;min-width:0;flex-direction:column;border-right:1px solid var(--line1)}.messages{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;overflow-y:auto;padding:16px clamp(12px,3vw,28px);position:relative}.selection-buttons{position:fixed;z-index:10000;display:flex;gap:8px;transform:translate(-50%);pointer-events:auto}.selection-speak-btn,.selection-copy-btn,.selection-dict-btn,.selection-translate-btn,.selection-ask-btn,.selection-anki-btn{display:grid;place-items:center;width:44px;height:44px;border:none;border-radius:10px;background:var(--bg0);color:var(--text1);box-shadow:0 2px 8px #0000002e;cursor:pointer;transition:opacity .15s}.selection-speak-btn svg,.selection-copy-btn svg,.selection-dict-btn svg,.selection-translate-btn svg,.selection-ask-btn svg,.selection-anki-btn svg{width:21px;height:21px}.selection-speak-btn:hover{background:var(--amber);color:#fff}.selection-dict-btn:hover{background:var(--blue);color:#fff}.selection-translate-btn:hover{background:var(--green);color:#fff}.selection-copy-btn:hover,.selection-ask-btn:hover,.selection-anki-btn:hover{background:var(--purple);color:#fff}.message{display:flex;width:100%;max-width:860px;margin-inline:auto;gap:8px}.message.user{align-self:flex-end;flex-direction:row-reverse}.avatar{display:grid;width:28px;height:28px;flex-shrink:0;place-items:center;margin-top:1px;border:1px solid var(--line1);border-radius:999px;background:var(--bg2);color:var(--text1);font-size:10px;font-weight:700}.bubble-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.message.assistant .bubble-wrap{max-width:min(760px,calc(100vw - 64px))}.exercise-badge{display:inline-block;align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--blue);background:var(--blue-bg);padding:2px 8px;border-radius:999px}.inline-exercise{display:flex;flex-direction:column;gap:8px;width:100%;max-width:min(720px,100%);padding:12px 14px 16px;margin-top:4px;background:var(--blue-bg);border:1px solid var(--line1);border-radius:12px}.bonus-dialogue-card{display:flex;flex-direction:column;gap:10px;width:min(520px,100%);padding:12px;border:1px solid var(--line1);border-radius:8px;background:var(--bg2)}.bonus-dialogue-head{display:flex;align-items:center;gap:7px;color:var(--text0);font-size:14px;font-weight:700}.bonus-dialogue-head svg{flex-shrink:0;color:var(--blue)}.bonus-dialogue-lines{display:flex;flex-direction:column;gap:8px}.bonus-dialogue-line{display:grid;grid-template-columns:minmax(44px,max-content) 1fr;gap:8px;align-items:start;min-width:0}.bonus-dialogue-speaker{padding-top:2px;color:var(--text2);font-size:12px;font-weight:700}.bonus-dialogue-jp{color:var(--text0);font-size:20px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere}.bonus-dialogue-fr{margin-top:2px;color:var(--text2);font-size:14px;line-height:1.35}.bonus-dialogue-done{display:inline-flex;align-items:center;gap:6px;color:var(--green, #15803d);font-size:12px;font-weight:700}.listening-card{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg2);border:1px solid var(--line1);border-radius:10px;max-width:320px}.listening-card-icon{flex-shrink:0;color:var(--blue)}.listening-card-body{display:flex;flex-direction:column;gap:6px;min-width:0}.listening-card-title{font-size:12px;font-weight:600;color:var(--text0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listening-card-btn{align-self:flex-start;font-size:11px;padding:4px 10px}.bubble{padding:9px 12px;border:1px solid var(--line1);border-radius:12px;background:var(--bg1);color:var(--text0);font-size:var(--chat-text);line-height:1.9;word-break:break-word}.film-chat-panel .bubble{font-size:16px}.messages ruby{ruby-align:center}.messages rt{font-size:.55em;color:var(--text2);font-weight:400}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble ul,.bubble ol{margin:2px 0 8px;padding-left:22px}.bubble li{margin-bottom:3px}.bubble hr{border:none;border-top:1px solid var(--line1);margin:10px 0}.bubble h1,.bubble h2,.bubble h3{margin:6px 0 4px;font-size:1em;font-weight:700}.speak-inline-btn{display:inline-flex;align-items:flex-start;gap:5px;margin:4px 0;padding:6px 10px;border:1px solid color-mix(in srgb,var(--blue),transparent 60%);border-radius:8px;background:var(--blue-bg);color:var(--text0);cursor:pointer;font:inherit;font-size:.9em;line-height:1.7;white-space:normal;text-align:left;vertical-align:top}.speak-inline-btn:hover{background:color-mix(in srgb,var(--blue-bg),var(--bg3) 30%)}.qcm-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.qcm-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;min-height:40px;border:1px solid var(--line2);border-radius:8px;background:var(--bg1);color:var(--text0);cursor:pointer;font:inherit;font-size:18px;transition:background .12s,border-color .12s,color .12s}.qcm-btn:hover:not(:disabled){background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.qcm-btn:disabled{opacity:.45;cursor:not-allowed}.qcm-letter{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--bg3);font-size:11px;font-weight:700}.message.user .bubble{background:var(--bg2)}.typing{display:inline-flex;align-items:center;gap:7px;color:var(--text1)}.typing svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.composer{display:flex;flex-shrink:0;gap:7px;padding:9px 10px;border-top:1px solid var(--line1);background:var(--bg1)}.composer textarea{flex:1;width:100%;height:46px;min-width:0;resize:none;border:1px solid var(--line2);border-radius:8px;background:var(--bg0);color:var(--text0);padding:8px 10px}.composer textarea:focus{outline:none;border-color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;min-width:38px;padding:0 12px;cursor:pointer;border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--text0);white-space:nowrap}.button.primary{border-color:transparent;background:var(--blue);color:#fff}.button.soft{border-color:transparent;background:var(--amber-bg);color:var(--amber)}.chat-retry-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:4px}.button.danger{border-color:transparent;background:#a83a2a;color:#fff}.button:disabled{cursor:not-allowed;opacity:.42}.vocab-panel{display:flex;width:clamp(320px,20vw,380px);flex-shrink:0;flex-direction:column;background:var(--bg1);order:-1}.chat-panel{border-right:0;border-left:1px solid var(--line1)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line1);color:var(--text1)}.panel-head span{display:block;color:var(--text2);font-size:10px;letter-spacing:0;text-transform:uppercase}.panel-head strong{display:block;margin-top:1px;color:var(--text0);font-size:13px}.panel-tabs{display:flex;border-bottom:1px solid var(--line1);flex-shrink:0}.panel-tab{flex:1;padding:8px 0;border:none;background:none;color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.panel-tab:hover{color:var(--text0)}.panel-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.lesson-box{flex-shrink:0;padding:9px 12px;border-bottom:1px solid var(--line1);color:var(--text1)}.lesson-box span,.section-label{display:block;color:var(--text2);font-size:10px;letter-spacing:0;text-transform:uppercase}.lesson-box ul{margin:5px 0 9px 16px;padding:0;font-size:11px;line-height:1.45}.target-vocab{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.target-vocab span{padding:2px 7px;border:1px solid var(--line1);border-radius:999px;background:var(--bg0);color:var(--text0);font-size:12px}.vocab-list{display:flex;flex:1;min-height:0;flex-direction:column;gap:8px;overflow-y:auto;padding:8px}.section-label{padding:3px 3px 1px;flex-shrink:0}.empty{padding:22px 10px;color:var(--text2);font-size:12px;line-height:1.7;text-align:center}.vocab-card{padding:12px 14px;border:1px solid var(--line1);border-radius:8px;background:var(--bg0)}.vocab-card.pending_anki{border-color:color-mix(in srgb,var(--blue),transparent 55%)}.vocab-card strong{display:block;font-size:20px}.vocab-card em{display:block;margin-top:2px;color:var(--text2);font-size:13px}.vocab-card span{display:block;margin-top:4px;color:var(--text1);font-size:12px}.memory-box{flex-shrink:0;padding:9px 12px;border-top:1px solid var(--line1);color:var(--text1)}.collapsible-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text2);font-size:10px;letter-spacing:0;text-transform:uppercase;padding:2px 0 4px}.collapsible-head:hover{color:var(--text1)}.collapsible-head svg{flex-shrink:0}.film-segment-picker{width:100%;border:none;background:none;font:inherit;text-transform:uppercase;letter-spacing:0}.memory-box span{display:block;margin-bottom:4px;color:var(--text2);font-size:10px;letter-spacing:0;text-transform:uppercase}.memory-box p,.memory-box ul{margin:0;padding:0;overflow-y:auto;font-size:11px;line-height:1.55;white-space:pre-wrap}.memory-box p{max-height:72px;margin-bottom:8px}.memory-box ul{max-height:78px;margin:0 0 8px 16px}.anki-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;border-top:1px solid var(--line1)}.anki-actions .button{padding:0 8px}.anki-status{margin:0 8px 8px;padding:8px 9px;border:1px solid var(--line1);border-radius:8px;background:var(--bg0);color:var(--text1)}.anki-status.ok{border-color:color-mix(in srgb,var(--green),transparent 50%)}.anki-status.off{border-color:color-mix(in srgb,var(--amber),transparent 50%)}.anki-status strong{display:block;color:var(--text0);font-size:11px}.anki-status span{display:block;margin-top:2px;color:var(--text2);font-size:10px;line-height:1.45}.status-line{min-height:34px;margin:0;padding:0 12px 10px;color:var(--text2);font-size:10px;line-height:1.5;text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#00000047}.confirm-dialog{display:grid;grid-template-columns:34px 1fr;gap:12px;width:min(440px,100%);padding:16px;border:1px solid var(--line2);border-radius:8px;background:var(--bg1);box-shadow:0 20px 60px #00000038}.confirm-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--amber-bg);color:var(--amber)}.confirm-dialog h2{margin:0;font-size:15px}.confirm-dialog p{margin:6px 0 14px;color:var(--text1);font-size:12px;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.login-dialog{display:flex;width:min(360px,100%);flex-direction:column;align-items:stretch;gap:10px;padding:18px;border:1px solid var(--line2);border-radius:8px;background:var(--bg1);box-shadow:0 20px 60px #00000038}.login-dialog .mark{align-self:center}.login-dialog h2{margin:0;text-align:center;font-size:16px}.login-dialog p{margin:0 0 4px;color:var(--text1);font-size:12px;line-height:1.55;text-align:center}.login-dialog input{height:38px;border:1px solid var(--line2);border-radius:8px;background:var(--bg0);color:var(--text0);padding:0 10px;font:inherit}.login-dialog input:focus{outline:none;border-color:var(--blue)}.login-error{color:#a83a2a;font-size:11px;text-align:center}.toast-container{position:fixed;top:12px;right:12px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:min(340px,calc(100vw - 24px));pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;border:1px solid var(--line2);background:var(--bg1);box-shadow:0 4px 16px #00000024;font-size:12px;pointer-events:all;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast span{flex:1}.toast-close{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;cursor:pointer;border:0;border-radius:4px;background:transparent;color:var(--text2)}.toast-info{color:var(--text0)}.toast-success{border-color:color-mix(in srgb,var(--green),transparent 50%);color:var(--green)}.toast-warn{border-color:color-mix(in srgb,var(--amber),transparent 50%);color:var(--amber)}.toast-error{border-color:color-mix(in srgb,#a83a2a,transparent 50%);color:#a83a2a}.offline-banner{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 14px;background:var(--amber-bg);color:var(--amber);font-size:11px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.ok{background:var(--green)}.status-dot.partial{background:var(--amber)}.status-dot.off{background:#a83a2a}.progress-stats{display:inline;color:var(--text2);font-size:11px}.sheet-handle{display:none}.kana-active{border-color:var(--blue)!important;background:var(--blue-bg)!important;color:var(--blue)!important;font-weight:600}.ime-field-wrap{position:relative;display:inline-block}.ime-field-wrap-block{display:block;width:100%}.composer .ime-field-wrap-block{flex:1;min-width:0}.ime-kanji-btn{position:absolute;right:6px;bottom:6px;z-index:2;min-height:22px;min-width:0;padding:1px 6px;font-size:11px;line-height:1.4;border-radius:6px;border:1px solid var(--line2);background:var(--bg1);color:var(--text2);cursor:pointer}.ime-kanji-btn:hover{border-color:var(--blue);color:var(--blue)}.phrase-trou-input+.ime-kanji-btn{bottom:2px;right:2px}.ime-kanji-popover{position:absolute;top:100%;left:0;margin-top:4px;min-width:200px;max-width:320px;background:var(--bg1);border:1px solid var(--line2);border-radius:10px;box-shadow:0 6px 20px #0000002e;z-index:50;overflow:hidden}.ime-kanji-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line1);background:var(--bg2)}.ime-kanji-popover-reading{font-size:13px;color:var(--text2)}.ime-kanji-popover-close{border:none;background:transparent;color:var(--text2);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px}.ime-kanji-popover-close:hover{color:var(--text0)}.ime-kanji-popover-status{padding:10px;font-size:13px;color:var(--text2)}.ime-kanji-popover-list{list-style:none;margin:0;padding:4px;max-height:220px;overflow-y:auto}.ime-kanji-candidate{display:flex;align-items:baseline;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:var(--text0);cursor:pointer;text-align:left}.ime-kanji-candidate:hover,.ime-kanji-candidate-active{background:var(--blue-bg)}.ime-kanji-candidate-surface{font-size:17px;font-weight:600;flex-shrink:0}.ime-kanji-candidate-meaning{font-size:12px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ime-kanji-candidate-tag{margin-left:auto;font-size:10px;color:var(--blue);border:1px solid var(--blue);border-radius:4px;padding:0 4px;flex-shrink:0}.vocab-card-head{display:flex;align-items:center;justify-content:space-between;gap:4px}.speak-btn{display:grid;width:32px;height:32px;flex-shrink:0;place-items:center;cursor:pointer;border:1px solid var(--line1);border-radius:8px;background:transparent;color:var(--text2)}.speak-btn svg{width:17px;height:17px}.speak-btn:hover{background:var(--bg2);color:var(--text0)}.usage-box{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 8px 4px;padding:6px 9px;border:1px solid var(--line1);border-radius:8px;background:var(--bg0);color:var(--text2);font-size:10px}.usage-box svg{flex-shrink:0;color:var(--text2)}.usage-total{margin-left:auto;color:var(--text2)}.chevron-icon{transition:transform .2s ease;flex-shrink:0;color:var(--text2)}.sheet-chevron-half{transform:rotate(0)}.sheet-chevron-full{transform:rotate(180deg)}.sheet-chevron-closed{transform:rotate(0)}@media(max-width:720px){.desktop-only{display:none}.selection-buttons{gap:10px}.selection-speak-btn,.selection-copy-btn,.selection-dict-btn,.selection-translate-btn,.selection-ask-btn,.selection-anki-btn{width:52px;height:52px;border-radius:12px}.selection-speak-btn svg,.selection-copy-btn svg,.selection-dict-btn svg,.selection-translate-btn svg,.selection-ask-btn svg,.selection-anki-btn svg{width:24px;height:24px}.speak-btn{width:38px;height:38px;border-radius:10px}.speak-btn svg{width:20px;height:20px}.review-audio-big-btn{width:96px;height:96px}.review-audio-big-btn svg{width:50px;height:50px}.sidebar,.vocabpanel-tools-section{display:none}.main-layout{flex-direction:column;position:relative}.chat-panel{flex:1;min-height:0;border-right:0}.translation-line{grid-template-columns:1fr}.translation-line-source{font-size:18px}.translation-line-answer{min-height:68px}.vocab-panel{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:30;border-top:1px solid var(--line2);border-radius:14px 14px 0 0;box-shadow:0 -4px 20px #0000001f;transition:max-height .3s cubic-bezier(.32,.72,0,1);overflow:hidden}.vocab-panel{--sheet-closed-h: 52px}.vocab-panel.bottom-sheet-closed{max-height:calc(var(--sheet-closed-h) + env(safe-area-inset-bottom,0px));overflow:hidden}.vocab-panel.bottom-sheet-half{max-height:45vh;max-height:45dvh;overflow-y:auto}.vocab-panel.bottom-sheet-full{max-height:90vh;max-height:90dvh;overflow-y:auto}.film-objectives-list{display:none}.film-objectives-compact{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--text2);white-space:nowrap;overflow-x:auto}.film-objectives-compact svg{flex-shrink:0}.sheet-handle{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;background:var(--bg1);flex-shrink:0;min-height:var(--sheet-closed-h, 52px);box-sizing:border-box}.handle-bar{width:32px;height:4px;border-radius:2px;background:var(--bg3);position:absolute;top:6px;left:50%;transform:translate(-50%)}.handle-summary{display:flex;gap:8px;flex:1;font-size:12px;color:var(--text1)}.handle-summary span:last-child{color:var(--text2)}.handle-shortcuts{display:flex;flex:1;flex-wrap:nowrap;gap:4px;overflow-x:auto}.handle-shortcut{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:6px 10px;min-height:32px;border:1px solid var(--line2);border-radius:999px;background:var(--bg2);color:var(--text1);font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer}.handle-shortcut.active{border-color:var(--blue);color:var(--blue);background:var(--blue-bg)}.handle-shortcut:disabled{opacity:.5;cursor:default}.panel-head{display:none}.composer{position:relative;z-index:31}.composer textarea{min-height:44px}.composer-focused .button:not(.primary){display:none}.btn-label{display:none}.mobile-only{display:flex}.topbar-secondary{display:none}.vocab-list{flex-direction:row;overflow-x:auto;overflow-y:hidden}.vocab-card{min-width:150px}.film-progress-labels-mobile{display:flex}.film-progress-labels-desktop{display:none}.film-clip-fs-controls button{min-height:40px;padding:8px 10px}.film-clip-fs-seek,.film-clip-fs-volume{height:6px}.messages{padding:10px 8px}.message{max-width:100%;gap:6px}.message.assistant .bubble-wrap{max-width:calc(100vw - 52px)}.avatar{width:22px;height:22px}.dialogue-line{max-width:96%}.film-inline-dialogue .dialogue-lines-container{padding:12px 6px}.film-dialogue-line-body{flex-wrap:wrap}.film-dialogue-line-body .dialogue-bubble{flex-basis:100%}.film-dialogue-line-body .dialogue-line-actions{margin-top:4px}.karaoke-line{max-width:100%}.ask-bubble{max-width:96%}}@media(max-width:520px){.topbar{flex-direction:row;align-items:center;min-height:44px;padding:6px 10px;gap:8px}.brand p{display:none}.top-actions{justify-content:flex-end;flex-wrap:nowrap;gap:6px}.film-mode-toggle-label,.review-btn-label,.book-mode-btn-label,.voice-launch-btn-label{display:none}.badge.badge-model{display:inline-flex}.progress-labels{flex-wrap:wrap;gap:4px 12px}.button{padding:0 10px}.composer .button{min-width:38px;padding:0}}@supports (padding: env(safe-area-inset-bottom)){.composer{padding-bottom:calc(9px + env(safe-area-inset-bottom))}.vocab-panel.bottom-sheet-closed{padding-bottom:env(safe-area-inset-bottom)}}.srs-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#00000094}.srs-modal{position:relative;width:min(560px,100%);max-height:min(760px,92vh);overflow:auto;border:1px solid var(--line2);border-radius:16px;background:var(--bg1);box-shadow:0 24px 70px #0000006b}.srs-session{display:flex;flex-direction:column}.srs-session .srs-card{flex:1}.srs-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line1)}.srs-header>div{min-width:0}.srs-header span{display:block;color:var(--text2);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.srs-header h2{margin:3px 0 0;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srs-launcher-body{display:flex;flex-direction:column;gap:12px;padding:18px}.srs-select-all{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--blue);padding:4px 0;cursor:pointer;font:inherit;font-size:13px}.srs-deck-list{display:grid;gap:8px}.srs-deck-option{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 12px;border:1px solid var(--line1);border-radius:10px;cursor:pointer}.srs-deck-option:has(input:checked),.srs-deck-option:has(input:indeterminate){border-color:var(--blue);background:var(--blue-bg)}.srs-deck-option input,.srs-include-new input{width:18px;height:18px;accent-color:var(--blue)}.srs-deck-option span{display:flex;flex:1;align-items:baseline;justify-content:space-between;gap:12px}.srs-deck-option small,.srs-summary small{color:var(--text2);font-size:12px}.srs-deck-option.srs-deck-parent{flex-direction:column;align-items:stretch;gap:8px;cursor:default}.srs-deck-parent-row{display:flex;align-items:center;gap:8px}.srs-deck-parent-label{display:flex;flex:1;align-items:center;gap:12px;min-width:0;cursor:pointer}.srs-deck-toggle{flex-shrink:0}.srs-subdeck-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:8px 0 0;list-style:none;max-height:220px;overflow-y:auto;border-top:1px solid var(--line1)}.srs-subdeck-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 6px 4px 28px;border-radius:7px;cursor:pointer}.srs-subdeck-item:hover{background:var(--bg2)}.srs-subdeck-item input{width:16px;height:16px;flex-shrink:0;accent-color:var(--blue)}.srs-subdeck-item>span{display:flex;flex:1;flex-direction:column;min-width:0;gap:0}.srs-subdeck-item>span strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.srs-subdeck-item>span small,.srs-subdeck-item>small{flex-shrink:0;color:var(--text2);font-size:11px}.srs-subdeck-empty{margin:8px 0 0;padding:8px 4px;border-top:1px solid var(--line1);color:var(--text2);font-size:12px;text-align:center}.srs-include-new{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px}.srs-summary{margin:0;padding:12px;border-radius:9px;background:var(--bg2);color:var(--text1);line-height:1.55;font-size:13px}.srs-start{min-height:44px;justify-content:center}.streak-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:9px;background:var(--bg2);flex-wrap:wrap}.streak-count{display:flex;align-items:baseline;gap:8px;min-width:0}.streak-count-number{font-size:24px;font-weight:700;line-height:1;color:var(--hanko)}.streak-banner-zero .streak-count-number{color:var(--text2)}.streak-count-label{font-size:12px;color:var(--text1)}.streak-week{display:flex;gap:6px;flex-shrink:0}.streak-day{display:flex;flex-direction:column;align-items:center;gap:3px}.streak-day-stamp{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--hanko-ink);box-sizing:border-box}.streak-day-done .streak-day-stamp{background:var(--hanko);border-color:var(--hanko);transform:rotate(-4deg)}.streak-day:nth-child(2n).streak-day-done .streak-day-stamp{transform:rotate(5deg)}.streak-day-label{font-size:10px;color:var(--text2)}.streak-day-today .streak-day-stamp{border-style:dashed;border-color:var(--hanko);animation:streak-pulse 2s ease-in-out infinite}.streak-day-today-done .streak-day-stamp{animation:streak-stamp-in .35s cubic-bezier(.2,1.4,.4,1)}@keyframes streak-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes streak-stamp-in{0%{transform:scale(1.8) rotate(-14deg);opacity:0}to{transform:scale(1) rotate(-4deg);opacity:1}}@media(prefers-reduced-motion:reduce){.streak-day-today .streak-day-stamp,.streak-day-today-done .streak-day-stamp{animation:none}}.srs-empty{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px;color:var(--text2);text-align:center}.srs-empty h3,.srs-empty p{margin:0}.srs-empty .srs-summary-detail{margin:-4px 0 4px;font-size:13px;line-height:1.5}.srs-spin{animation:spin 1s linear infinite}.srs-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.srs-card{display:flex;min-height:260px;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 24px;border:0;background:transparent;color:var(--text0);text-align:center;width:100%}.srs-card-clickable{cursor:pointer}.srs-card-clickable:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}.srs-front{font-size:clamp(34px,8vw,64px);font-weight:750;line-height:1.25;word-break:break-word}.srs-front .srs-context-sentence{display:inline-block;font-size:clamp(20px,5vw,32px);font-weight:600;line-height:2}.srs-front .srs-context-sentence ruby rt{font-size:.5em;color:var(--text2)}.srs-context-source{display:block;margin-top:-6px;color:var(--text2);font-size:13px;font-weight:400}.srs-card>small{color:var(--text2)}.srs-back{display:flex;flex-direction:column;gap:6px;max-width:100%;animation:review-fade .18s ease}.srs-back strong{font-size:clamp(22px,5vw,34px)}.srs-back>span{color:var(--text2);font-size:17px}.srs-back p,.srs-back small{margin:6px 0 0;color:var(--text1)}.srs-hint{margin:-5px 0 12px;color:var(--text2);text-align:center;font-size:12px}.srs-rating-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px;border-top:1px solid var(--line1)}.srs-rating-bar button{display:flex;min-height:46px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;border:1px solid var(--line2);border-radius:9px;background:var(--bg2);color:var(--text0);cursor:pointer;text-align:center}.srs-rating-bar button:hover:not(:disabled),.srs-rating-bar button:focus-visible{border-color:var(--blue);background:var(--blue-bg)}.srs-rating-bar button:disabled{cursor:wait;opacity:.55}.srs-rating-bar kbd{color:var(--text2);font-family:var(--font);font-size:10px}.srs-rating-bar small{color:var(--text2);font-size:10px;line-height:1.2}.srs-rating-bar button span{display:flex;flex-direction:column;align-items:center;gap:1px}.srs-error{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px;padding:10px;border:1px solid var(--red);border-radius:8px;color:var(--red);font-size:13px;text-align:center}.srs-error .button{min-height:36px;color:var(--text0);flex-shrink:0}.srs-counts{display:flex;justify-content:center;gap:14px;padding:0 12px 8px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.srs-count-new{color:var(--blue)}.srs-count-learning{color:var(--amber)}.srs-count-review{color:var(--green)}.srs-count-current{text-decoration:underline;text-underline-offset:3px}.srs-menu-wrap{position:relative;display:flex;justify-content:flex-end;padding:0 12px 12px}.srs-menu{position:absolute;right:12px;bottom:52px;z-index:1;display:flex;flex-direction:column;min-width:205px;padding:5px;border:1px solid var(--line2);border-radius:9px;background:var(--bg1);box-shadow:0 8px 28px #00000047}.srs-menu button{min-height:40px;border:0;border-radius:6px;background:transparent;color:var(--text1);cursor:pointer;text-align:left;padding:8px}.srs-menu button:hover{background:var(--bg2)}@media(max-width:759px){.srs-overlay{align-items:stretch;justify-content:stretch;padding:0}.srs-modal{width:100%;height:100dvh;max-height:none;border-radius:0;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.srs-rating-bar{grid-template-columns:1fr 1fr}.srs-rating-bar button{min-height:56px}.srs-rating-bar button strong{font-size:16px}.srs-rating-bar small{font-size:12px}.srs-deck-option span{flex-direction:column;gap:2px}.srs-subdeck-list{max-height:160px}.srs-back strong{font-size:clamp(26px,7vw,40px)}.srs-back>span{font-size:19px}.srs-back p,.srs-back small{font-size:15px}.srs-example{font-size:16px}.srs-hint{font-size:13px}}@media(hover:none)and (pointer:coarse){.srs-rating-bar kbd{display:none}}@media(hover:none)and (pointer:coarse){.srs-fullscreen-btn{display:none}}.srs-overlay.review-overlay-fullpage,.review-overlay.review-overlay-fullpage{align-items:stretch;justify-content:stretch;padding:0}.srs-modal.srs-modal-fullpage,.review-modal.srs-modal-fullpage{width:100%;height:100dvh;max-height:none;border-radius:0}.srs-modal-fullpage .srs-card{width:100%;max-width:920px;margin-inline:auto}@media(prefers-reduced-motion:reduce){.srs-spin,.srs-back{animation:none}}.review-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px;background:#0000006b}.voice-review-overlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px;text-align:center;color:var(--text0);background:radial-gradient(circle at top,var(--bg2),var(--bg0) 65%)}.voice-review-progress{width:min(430px,90vw);display:flex;align-items:center;gap:10px;color:var(--text2);font-size:12px}.voice-review-progress>div{flex:1;height:5px;overflow:hidden;border-radius:999px;background:var(--line1)}.voice-review-progress i{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .18s ease}.voice-review-eyebrow{margin:12px 0 -8px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.voice-review-overlay h2{max-width:680px;margin:0;font-size:clamp(28px,6vw,52px);line-height:1.18}.voice-review-instruction{margin:0;color:var(--text2);font-size:17px}.voice-review-status{display:flex;min-height:116px;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text2)}.voice-review-status-listening{color:var(--green)}.voice-review-status-listening svg{animation:headless-pulse 1.4s ease-in-out infinite}.voice-review-status-checking svg,.voice-review-status-transcribing svg{animation:spin 1s linear infinite}.voice-review-transcript{margin:0;color:var(--text1);font-size:18px}.voice-review-transcript span{color:var(--text2);font-size:13px;font-weight:700}.voice-review-verdict{margin:0;font-size:16px;font-weight:700}.voice-review-verdict.correct{color:var(--green)}.voice-review-verdict.incorrect,.voice-review-verdict.uncertain{color:var(--amber)}.voice-review-commands{margin:4px 0 0;color:var(--text3);font-size:12px}.voice-review-quit{margin-top:4px}.voice-review-done{display:flex;flex-direction:column;align-items:center;gap:18px;font-size:20px}.voice-review-done svg{color:var(--green)}.passive-review-overlay{position:fixed;inset:0;z-index:310;display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));color:var(--text0);background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--blue) 16%,transparent),transparent 34%),radial-gradient(circle at 82% 78%,color-mix(in srgb,var(--green) 9%,transparent),transparent 28%),var(--bg0)}.passive-review-header{position:absolute;top:max(22px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));z-index:2;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.passive-review-header>div{display:flex;flex-direction:column;gap:3px}.passive-review-header span{display:flex;align-items:center;gap:6px;color:var(--text2);font-size:13px}.passive-review-header h1{margin:0;font-size:18px;line-height:1.2}.passive-review-header button{pointer-events:auto}.passive-review-progress{position:absolute;top:max(92px,calc(env(safe-area-inset-top) + 70px));left:50%;display:flex;width:min(460px,calc(100vw - 64px));align-items:center;gap:12px;transform:translate(-50%);color:var(--text2);font-size:13px;font-variant-numeric:tabular-nums}.passive-review-progress>div{flex:1;height:4px;overflow:hidden;border-radius:999px;background:var(--line1)}.passive-review-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green));transition:width .35s ease}.passive-review-stage{position:relative;display:grid;width:min(1180px,100%);min-height:390px;place-items:center}.passive-review-current{position:relative;z-index:1;display:flex;width:min(620px,64vw);min-height:300px;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:passive-word-enter .42s cubic-bezier(.2,.8,.2,1) both}.passive-review-kicker{margin:0 0 18px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.passive-review-jp{max-width:100%;font-size:clamp(3.5rem,10vw,7.5rem);font-weight:650;line-height:1.05;letter-spacing:-.03em;overflow-wrap:anywhere}.passive-review-reading{margin-top:15px;color:var(--text1);font-size:clamp(1.2rem,2.7vw,1.8rem);letter-spacing:.08em}.passive-review-meaning{margin-top:22px;color:var(--text0);font-size:clamp(1.25rem,3vw,2rem);line-height:1.3}.passive-review-orbit{position:absolute;top:12px;right:18px;display:flex;height:22px;align-items:center;gap:3px;color:var(--blue);opacity:.35}.passive-review-orbit i{width:3px;height:7px;border-radius:999px;background:currentColor}.passive-review-orbit.is-playing i{animation:passive-equalizer .9s ease-in-out infinite alternate}.passive-review-orbit.is-playing i:nth-child(2){animation-delay:-.3s}.passive-review-orbit.is-playing i:nth-child(3){animation-delay:-.6s}.passive-review-peek{position:absolute;top:44%;display:grid;width:min(190px,18vw);min-height:112px;align-content:center;gap:7px;padding:14px;border:1px solid transparent;border-radius:16px;color:var(--text2);background:transparent;text-align:left;cursor:pointer;transform:translateY(-50%);transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.passive-review-peek:hover:not(:disabled){color:var(--text0);border-color:var(--line1);background:color-mix(in srgb,var(--bg2) 72%,transparent)}.passive-review-peek:disabled{opacity:.2;cursor:default}.passive-review-peek span{font-size:12px;letter-spacing:.06em;text-transform:uppercase}.passive-review-peek strong{font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:550;overflow-wrap:anywhere}.passive-review-peek-previous{left:0}.passive-review-peek-next{right:0;text-align:right}.passive-review-peek-previous svg{position:absolute;left:-4px}.passive-review-peek-next svg{position:absolute;right:-4px}.passive-review-phase{min-height:22px;margin:0 0 12px;color:var(--text2);font-size:15px;text-align:center}.passive-review-controls{display:flex;align-items:center;justify-content:center;gap:18px}.passive-review-controls button{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--line2);border-radius:50%;color:var(--text0);background:var(--bg2);cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease}.passive-review-controls button:hover:not(:disabled){transform:translateY(-2px);background:var(--bg3)}.passive-review-controls button:disabled{opacity:.25;cursor:default}.passive-review-controls .passive-review-play{width:72px;height:72px;border:0;color:var(--bg0);background:var(--text0)}.passive-review-controls .passive-review-play:hover:not(:disabled){background:#fff}.passive-review-play svg{transform:translate(1px)}.passive-review-translation-toggle{position:relative;display:grid;grid-template-columns:34px 1fr 44px;width:min(360px,calc(100vw - 48px));align-items:center;gap:10px;margin-top:24px;padding:11px 13px;border:1px solid var(--line1);border-radius:16px;background:color-mix(in srgb,var(--bg2) 74%,transparent);cursor:pointer}.passive-review-toggle-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}.passive-review-translation-toggle>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}.passive-review-translation-toggle strong{font-size:14px}.passive-review-translation-toggle small{color:var(--text2);font-size:12px}.passive-review-translation-toggle input{position:absolute;width:1px;height:1px;opacity:0}.passive-review-translation-toggle>i{position:relative;width:44px;height:24px;border-radius:999px;background:var(--line2);transition:background .18s ease}.passive-review-translation-toggle>i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text0);box-shadow:0 2px 5px #00000040;transition:transform .18s ease}.passive-review-translation-toggle input:checked+i{background:var(--blue)}.passive-review-translation-toggle input:checked+i:after{transform:translate(20px)}.passive-review-translation-toggle:focus-within{outline:2px solid var(--blue);outline-offset:3px}.passive-review-footer{display:flex;width:min(760px,calc(100vw - 48px));align-items:flex-end;justify-content:space-between;gap:24px;margin-top:18px}.passive-review-speed,.passive-review-estimate{display:flex;flex-direction:column;gap:7px}.passive-review-speed>span,.passive-review-estimate>span{color:var(--text3);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.passive-review-speed>div{display:flex;gap:6px}.passive-review-speed button{min-width:47px;height:38px;padding:0 10px;border:1px solid var(--line1);border-radius:11px;color:var(--text2);background:color-mix(in srgb,var(--bg2) 74%,transparent);font-size:14px;font-weight:700;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.passive-review-speed button:hover{color:var(--text0);transform:translateY(-1px)}.passive-review-speed button[aria-pressed=true]{border-color:color-mix(in srgb,var(--blue) 66%,var(--line1));color:var(--text0);background:color-mix(in srgb,var(--blue) 18%,var(--bg2))}.passive-review-estimate{align-items:flex-end;text-align:right}.passive-review-estimate strong{font-size:20px;font-variant-numeric:tabular-nums;line-height:1}.passive-review-estimate small{color:var(--text2);font-size:12px}.passive-review-audio-error{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--amber);font-size:14px}.passive-review-limit{margin:12px 0 0;color:var(--text3);font-size:12px}.passive-review-state{display:flex;width:min(520px,90vw);flex-direction:column;align-items:center;gap:16px;text-align:center}.passive-review-state>svg{color:var(--blue)}.passive-review-state>.lucide-loader-circle{animation:spin 1s linear infinite}.passive-review-state h2{margin:0;font-size:clamp(1.7rem,5vw,2.5rem)}.passive-review-state p{margin:0;color:var(--text2);font-size:16px;line-height:1.5}.passive-review-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@keyframes passive-word-enter{0%{opacity:0;transform:translate(24px) scale(.985)}to{opacity:1;transform:none}}@keyframes passive-equalizer{0%{height:6px;opacity:.45}to{height:21px;opacity:1}}@media(max-width:720px){.passive-review-overlay{justify-content:flex-start;padding-top:max(118px,calc(env(safe-area-inset-top) + 94px))}.passive-review-progress{top:max(82px,calc(env(safe-area-inset-top) + 62px));width:calc(100vw - 48px)}.passive-review-stage{width:100%;min-height:min(47vh,390px)}.passive-review-current{width:76vw;min-height:280px}.passive-review-jp{font-size:clamp(3.1rem,17vw,6.2rem)}.passive-review-peek{top:43%;width:22vw;min-height:90px;padding:8px;opacity:.58}.passive-review-peek span,.passive-review-peek svg{display:none}.passive-review-peek strong{font-size:clamp(.9rem,4.2vw,1.25rem)}.passive-review-peek-previous{left:-6vw;text-align:left}.passive-review-peek-next{right:-6vw}.passive-review-audio-error{max-width:90vw;flex-direction:column;text-align:center}.passive-review-translation-toggle{margin-top:18px}.passive-review-footer{width:calc(100vw - 32px);gap:14px;margin-top:14px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.passive-review-speed button{min-width:43px;height:38px;padding:0 7px}.passive-review-estimate strong{font-size:18px}}@media(max-height:740px)and (min-width:721px){.passive-review-overlay{justify-content:flex-start;padding-top:105px}.passive-review-stage{min-height:330px}}@media(prefers-reduced-motion:reduce){.passive-review-current,.passive-review-orbit.is-playing i{animation:none}.passive-review-progress i,.passive-review-controls button,.passive-review-translation-toggle>i,.passive-review-translation-toggle>i:after,.passive-review-speed button{transition:none}}.review-modal{display:flex;width:min(480px,100%);max-height:90vh;flex-direction:column;border:1px solid var(--line2);border-radius:14px;background:var(--bg1);box-shadow:0 24px 64px #00000047;overflow:hidden}.settings-panel-body{flex:1;min-height:0;overflow-y:auto;padding:0 1.5rem 1rem}.review-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line1);color:var(--text2);font-size:11px}.review-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;padding:28px 20px;cursor:pointer;min-height:200px;text-align:center;overflow-y:auto}.review-card-clickable:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}.review-jp{display:flex;align-items:center;gap:8px;font-size:2.4em;font-weight:700;color:var(--text0)}.review-answer{display:flex;flex-direction:column;align-items:center;gap:6px;animation:review-fade .18s ease}@keyframes review-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.review-reading{color:var(--text2);font-size:1.1em}.review-meaning{font-size:1.55em;font-weight:600;color:var(--text0)}.review-example{color:var(--text1);font-size:.85em;font-style:italic;max-width:90%}.review-tap{color:var(--text2);font-size:.85em}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border-top:1px solid var(--line1)}.review-actions .button{justify-content:center}.review-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;text-align:center}.review-score{font-size:3em;font-weight:800;color:var(--blue)}.review-done p{margin:0;color:var(--text1);font-size:13px}.review-concepts-section{border-top:1px solid var(--line1);padding:10px 16px 14px;display:flex;flex-direction:column;gap:8px}.review-concepts-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text1)}.review-concepts-btn{align-self:flex-start;font-size:12px;padding:5px 12px}.review-btn{display:flex;align-items:center;gap:6px;margin:6px 0 4px;padding:7px 10px;border:1px solid var(--line1);border-radius:8px;background:var(--bg0);color:var(--text1);cursor:pointer;font-size:12px;justify-content:center;width:100%}.review-progress-bar{height:3px;background:var(--bg3);flex-shrink:0}.review-progress-fill{height:100%;background:var(--blue);transition:width .2s ease}.review-counter{margin-left:auto;font-size:.85rem;opacity:.6;font-variant-numeric:tabular-nums}.review-streak-badge{flex:1;text-align:center;font-size:11px;font-weight:700;color:var(--green);background:var(--green-bg);padding:2px 8px;border-radius:999px;max-width:60px}.review-nextdue{color:var(--text2);font-size:11px;margin:0}.review-format-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;border:1px solid currentColor}.review-format-badge.format-jp-fr{color:var(--blue)}.review-format-badge.format-audio{color:var(--amber)}.review-format-badge.format-fr-jp{color:var(--green)}.review-format-badge.format-phrase{color:var(--text2)}.review-format-badge.format-reading{color:var(--purple)}.review-header{display:flex;align-items:center;gap:8px;justify-content:flex-start}.review-header>.icon-button:last-child{margin-left:auto}.review-flow-header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.review-checkpoint-confirm{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 24px;text-align:center}.review-checkpoint-confirm>svg{color:var(--amber)}.review-checkpoint-confirm p{max-width:390px;margin:0;color:var(--text1);line-height:1.5}.review-checkpoint-skip-error{color:var(--red, #dc2626)!important;font-weight:600}.review-checkpoint-confirm-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}@media(max-width:480px){.review-checkpoint-confirm{align-items:stretch;padding:24px 16px}.review-checkpoint-confirm-actions{flex-direction:column-reverse}.review-checkpoint-confirm-actions .button{width:100%;justify-content:center;min-height:42px}}.review-header .review-streak-badge{flex:none;text-align:left}.review-fr{font-size:2em;font-weight:600;color:var(--text0);text-align:center}.review-audio-front{display:flex;flex-direction:column;align-items:center;gap:14px}.review-audio-big-btn{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;border:none;background:var(--amber-bg);color:var(--amber);cursor:pointer;transition:transform .1s,background .12s}.review-audio-big-btn svg{width:46px;height:46px}.review-audio-big-btn:hover{background:var(--amber);color:#fff;transform:scale(1.06)}.review-audio-hint{color:var(--text2);font-size:.9em}.review-phrase-front{font-size:1.4em;color:var(--text0);text-align:center;line-height:1.8}.review-phrase-front ruby rt{font-size:.45em;color:var(--text2)}.review-replay-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--line1);border-radius:8px;background:var(--bg2);color:var(--text1);cursor:pointer;font-size:12px;margin-top:6px}.review-replay-btn:hover{background:var(--bg3)}.review-autoplay-off{opacity:.38}.review-reading-front{display:flex;flex-direction:column;align-items:center;gap:14px}.review-jp-large{font-size:3em}.review-reading-hint{color:var(--text2);font-size:.9em}.review-reading-reveal{font-size:1.6em;font-weight:700;color:var(--purple);text-align:center}.review-reading-speak{display:flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--line1);border-radius:8px;background:var(--bg2);color:var(--text1);cursor:pointer;font-size:12px;margin-top:6px}.review-reading-speak:hover{background:var(--bg3)}.review-actions-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.review-grade-again{color:var(--red, #ef4444);border-color:color-mix(in srgb,var(--red, #ef4444) 40%,var(--line2))}.review-grade-again:hover{background:color-mix(in srgb,var(--red, #ef4444) 10%,var(--bg2))}.review-grade-soon{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,var(--line2))}.review-grade-soon:hover{background:color-mix(in srgb,var(--amber) 10%,var(--bg2))}.kanji-count-badge{margin-left:6px;padding:1px 7px;border-radius:999px;font-size:.85em;font-weight:600;color:var(--purple);background:color-mix(in srgb,var(--purple),transparent 88%)}.dict-overlay{z-index:70}.review-example-block{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line1);width:100%;max-width:340px}.review-example-sentence{display:flex;align-items:center;gap:6px;color:var(--text1);font-size:1.05em;text-align:center;flex-wrap:wrap;justify-content:center;line-height:1.9}.review-example-sentence ruby rt{font-size:.5em;color:var(--text2)}.review-example-fr{color:var(--text2);font-size:.92em;font-style:italic;text-align:center}.dialogue-modal{display:flex;width:min(480px,100%);max-height:88vh;max-height:88dvh;flex-direction:column;border:1px solid var(--line2);border-radius:14px;background:var(--bg1);box-shadow:0 24px 64px #00000047;overflow:hidden}.dialogue-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line1);flex-shrink:0}.dialogue-modal-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text0)}.dialogue-lines-container{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:12px}.dialogue-line{display:flex;flex-direction:column;gap:4px;max-width:80%;animation:review-fade .2s ease}.dialogue-line.other{align-self:flex-start}.dialogue-line.self{align-self:flex-end;align-items:flex-end}.dialogue-speaker{font-size:10px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;padding-left:4px}.dialogue-bubble{padding:10px 13px;border-radius:12px;background:var(--bg2);border:1px solid var(--line1)}.dialogue-line.self .dialogue-bubble{background:var(--blue-bg);border-color:color-mix(in srgb,var(--blue) 30%,transparent)}.dialogue-jp{font-size:1.1em;color:var(--text0);line-height:1.6}.dialogue-jp ruby rt{font-size:.5em;color:var(--text2)}.vocab-hl{color:var(--blue);font-weight:700;border-bottom:2px solid color-mix(in srgb,var(--blue),transparent 30%)}.dialogue-fr{font-size:.82em;color:var(--text2);margin-top:4px;font-style:italic}.dialogue-line-actions{display:flex;gap:4px;align-self:flex-start;margin-top:2px}.dialogue-line.self .dialogue-line-actions{align-self:flex-end}.dialogue-tts-btn{display:flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid var(--line1);border-radius:6px;background:transparent;color:var(--text2);cursor:pointer;font-size:11px;margin-top:2px;align-self:flex-start}.dialogue-line.self .dialogue-tts-btn{align-self:flex-end}.dialogue-tts-btn:hover{background:var(--bg3);color:var(--text0)}.dialogue-cultural-note{margin:0 14px 8px;padding:10px 12px;border-radius:8px;background:var(--amber-bg);color:var(--amber);font-size:12px;line-height:1.5;flex-shrink:0}.dialogue-new-words{margin:0 14px 8px;padding:10px 12px;border-radius:8px;background:var(--blue-bg);flex-shrink:0}.dialogue-new-words-title{font-size:12px;font-weight:600;color:var(--blue);margin-bottom:6px}.dialogue-new-word-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}.dialogue-new-word-row+.dialogue-new-word-row{border-top:1px solid var(--line1)}.dialogue-new-word-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--text0)}.dialogue-new-word-jp{font-weight:600}.dialogue-new-word-reading{font-size:12px;color:var(--text2)}.dialogue-new-word-fr{font-size:12px;color:var(--text1)}.dialogue-new-word-actions{display:flex;gap:4px;flex-shrink:0}.dialogue-new-word-actions .speak-btn{width:28px;height:28px}.dialogue-new-word-actions .speak-btn svg{width:14px;height:14px}.dialogue-controls{padding:10px 14px;border-top:1px solid var(--line1);flex-shrink:0}.dialogue-next-btn{width:100%;justify-content:center}.dialogue-done-actions{display:flex;gap:8px}.dialogue-done-actions .button{flex:1;justify-content:center}.active-toggle{background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.dialogue-selector-list{display:flex;flex-direction:column;padding:8px;gap:4px;overflow-y:auto}.dialogue-selector-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line1);border-radius:10px;background:var(--bg0);cursor:pointer;text-align:left;transition:background .12s}.dialogue-selector-item:hover{background:var(--bg2)}.dialogue-selector-item.listened{opacity:.55}.dialogue-selector-item.listened:hover{opacity:.8}.dialogue-selector-title{flex:1;font-size:14px;font-weight:500;color:var(--text0)}.dialogue-selector-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.dialogue-selector-lesson{font-size:11px;color:var(--blue);font-weight:500}.dialogue-selector-count{font-size:11px;color:var(--text2)}.dialogue-open-btn{background:var(--bg0);border-color:color-mix(in srgb,var(--blue) 40%,transparent);color:var(--blue)}.dialogue-open-btn:hover{background:var(--blue-bg)}.mobile-drawer-overlay{position:fixed;inset:0;z-index:40;background:#0000006b}.mobile-drawer{position:absolute;top:0;left:0;width:min(340px,86vw);height:100%;max-height:100%;overflow-y:auto;background:var(--bg1);border-radius:0 14px 14px 0;box-shadow:4px 0 32px #0003;animation:drawer-slide-in .22s cubic-bezier(.32,.72,0,1)}@keyframes drawer-slide-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line1);font-weight:600;font-size:14px;position:sticky;top:0;background:var(--bg1);z-index:1}.mobile-drawer-section{padding:12px 14px;border-bottom:1px solid var(--line1)}.mobile-drawer-label{color:var(--text2);font-size:10px;text-transform:uppercase;letter-spacing:0;margin-bottom:8px}.mobile-drawer-goals{margin:0 0 8px 16px;padding:0;font-size:12px;line-height:1.5;color:var(--text1)}.mobile-vocab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.mobile-menu-trigger{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:8px;padding:4px 8px 4px 4px;margin-left:-4px;transition:background .12s}.mobile-menu-trigger:hover{background:var(--bg2)}.brand-menu-icon{color:var(--text2);flex-shrink:0}@media(min-width:721px){.brand-menu-icon{display:none}.mobile-menu-trigger{cursor:default}.mobile-menu-trigger:hover{background:none}}.hide-furigana rt{display:none}.furigana-btn{font-family:var(--font);font-size:15px;font-weight:700}.furigana-btn.furigana-off{opacity:.38}.phrase-trou-form{display:flex;flex-direction:column;gap:8px}.free-text-form{display:flex;flex-direction:column;gap:10px;min-width:0}.free-text-area{width:100%;max-width:100%;min-width:0;min-height:96px;padding:10px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--bg1);color:var(--text0);font:inherit;font-size:17px;line-height:1.5;resize:vertical}.free-text-area:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue),transparent 82%)}.translation-lines{display:flex;flex-direction:column;gap:14px;min-width:0}.translation-line{display:grid;grid-template-columns:minmax(120px,.85fr) minmax(180px,1.15fr);gap:12px;align-items:stretch;width:100%;min-width:0;overflow:hidden}.translation-line-source{display:flex;align-items:flex-start;gap:8px;min-width:0;color:var(--text0);font-size:20px;font-weight:700;line-height:1.45}.translation-line-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:999px;background:var(--blue-bg);color:var(--blue);font-size:11px;font-weight:800}.translation-line-answer{min-height:54px;resize:vertical}.translation-line-fixed-answer,.translation-retry-complete{display:inline-flex;align-items:flex-start;gap:7px;min-width:0;padding:9px 10px;border:1px solid color-mix(in srgb,var(--green),transparent 65%);border-radius:8px;background:var(--green-bg);color:var(--text0);font-size:16px;font-weight:700;line-height:1.45}.translation-line-fixed-answer svg,.translation-retry-complete svg{flex-shrink:0;margin-top:2px;color:var(--green)}.translation-line-fixed-answer span{min-width:0;overflow-wrap:anywhere}.translation-line-locked .translation-line-source{color:var(--text2)}@media(max-width:900px){.translation-line{grid-template-columns:minmax(0,1fr)}}.phrase-trou-bubble{display:block;font-size:21px;line-height:1.8;background:var(--bg1);border:1px solid var(--line1);border-radius:8px;padding:10px 14px}.phrase-trou-input{display:inline-block;width:110px;height:34px;padding:0 6px;border:0;border-bottom:2px solid var(--blue);border-radius:0;background:transparent;color:var(--text0);font:inherit;font-size:21px;vertical-align:baseline;margin:0 2px}.phrase-trou-input:focus{outline:none;background:var(--blue-bg);border-radius:4px 4px 0 0}.phrase-trou-input:disabled{opacity:.45}.phrase-trou-submit{align-self:flex-start;gap:5px;font-size:15px;padding:0 10px;min-height:34px}.ecoute-widget{display:flex;flex-direction:column;gap:10px;margin-top:4px}.ecoute-controls{display:flex;gap:8px;flex-wrap:wrap}.ecoute-replay-btn,.ecoute-reveal-btn{font-size:13px;padding:4px 12px;min-height:30px}.ecoute-revealed-text{font-size:21px;line-height:1.8;padding:8px 12px;background:var(--bg1);border-radius:8px;border:1px solid var(--line1);margin:0}.word-order-widget{margin-top:8px;display:flex;flex-direction:column;gap:8px}.word-order-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px 10px;border:1px dashed var(--line2);border-radius:8px}.assoc-widget{margin-top:8px;display:flex;flex-direction:column;gap:8px}.assoc-rows{display:flex;flex-direction:column;gap:5px}.assoc-row{display:flex;align-items:center;gap:8px}.assoc-question{display:flex;align-items:center;gap:4px;min-width:70px;max-width:130px}.assoc-num{font-size:11px;color:var(--text2);min-width:14px;flex-shrink:0}.assoc-jp{font-size:18px;font-weight:600;color:var(--text0);word-break:break-all}.assoc-slot{flex:1;min-height:32px;padding:4px 9px;border:1.5px dashed var(--line2);border-radius:8px;display:flex;align-items:center;gap:5px;font-size:15px;color:var(--text2);cursor:pointer;transition:border-color .12s,background .12s;-webkit-user-select:none;user-select:none}.assoc-slot.droppable{border-color:var(--blue);background:var(--blue-bg)}.assoc-slot.drag-over{border-style:solid;border-color:var(--blue);background:var(--blue-bg)}.assoc-slot.filled{border-style:solid;border-color:var(--green);background:var(--green-bg);color:var(--text0);font-weight:500;cursor:grab}.assoc-slot.filled:active{cursor:grabbing}.assoc-slot-placeholder{color:var(--text2);font-size:11px;letter-spacing:3px}.assoc-chip-id{font-size:10px;font-weight:700;color:var(--blue);background:var(--blue-bg);padding:1px 4px;border-radius:3px;min-width:16px;text-align:center;flex-shrink:0}.assoc-slot.filled .assoc-chip-id{color:var(--green);background:transparent;padding:0}.assoc-pool{display:flex;flex-wrap:wrap;gap:5px;padding-top:6px;border-top:1px dashed var(--line1)}.assoc-chip{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background:var(--bg1);border:1px solid var(--line2);border-radius:8px;font:inherit;font-size:18px;color:var(--text0);cursor:grab;transition:border-color .12s,background .12s,box-shadow .12s}.assoc-chip:hover:not(:disabled){border-color:var(--blue);background:var(--bg3)}.assoc-chip.selected{border-color:var(--blue);background:var(--blue-bg);color:var(--blue);box-shadow:0 0 0 2px var(--blue-bg)}.assoc-chip:disabled{opacity:.4;cursor:not-allowed}.assoc-chip:active:not(:disabled){transform:scale(.97)}.assoc-submit{margin-top:2px}.vocab-search-bar{display:flex;gap:6px;padding:0 0 8px}.vocab-search-input{flex:1;min-width:0;padding:6px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--bg0);color:var(--text0);font-size:13px;font-family:inherit}.vocab-search-input:focus{outline:none;border-color:var(--blue)}.vocab-search-clear{width:28px;height:28px;flex-shrink:0}.vocab-search-btn{gap:4px}.vocab-detail-modal{display:flex;width:min(440px,100%);max-height:90vh;max-height:90dvh;flex-direction:column;border:1px solid var(--line2);border-radius:14px;background:var(--bg1);box-shadow:0 24px 64px #00000047;overflow:hidden}.vocab-detail-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line1);color:var(--text2);font-size:11px}.vocab-detail-content{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.vocab-detail-word{display:flex;align-items:center;gap:10px;font-size:2.4em;font-weight:700;color:var(--text0)}.vocab-detail-speak{width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;cursor:pointer;background:transparent;color:var(--text1)}.vocab-detail-speak:hover{background:var(--bg2)}.vocab-detail-reading{color:var(--text2);font-size:.95em}.vocab-detail-meaning{font-size:1.25em;font-weight:600;color:var(--text0)}.vocab-detail-example{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line1);border-radius:10px;background:var(--bg2);display:flex;flex-direction:column;gap:6px}.vocab-detail-example-jp{display:flex;align-items:center;gap:8px;font-size:1.05em;color:var(--text0)}.vocab-detail-example-fr{font-style:italic;color:var(--text2);font-size:.9em}.vocab-detail-strokes{width:100%;margin-top:12px;display:flex;flex-direction:column;gap:12px}.vocab-detail-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text2)}.vocab-detail-no-kanji{margin-top:12px;font-size:12px;color:var(--text2);font-style:italic}.grammar-lesson-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 4px;border:none;background:none;color:var(--text0);font-size:13px;cursor:pointer;text-align:left;border-radius:6px;transition:background .1s}.grammar-lesson-header:hover:not(:disabled){background:var(--bg2)}.grammar-lesson-header:disabled{cursor:default;opacity:.5}.grammar-lesson-title{flex:1;font-weight:500}.grammar-status-icon.completed{color:var(--green)}.grammar-status-icon.current{color:var(--blue)}.grammar-status-icon.locked{color:var(--text2)}.grammar-points{list-style:none;padding:0 0 6px 30px;margin:0}.grammar-point{font-size:12px;color:var(--text1);padding:3px 0;line-height:1.4}.grammar-point:before{content:"・";margin-right:4px;color:var(--text2)}.vocab-delete-btn{color:var(--text2)}.vocab-delete-btn:hover,.vocab-delete-confirm-btn{color:var(--red, #c0392b)}.vocab-detail-dict-btn{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:12px}.vocab-detail-jisho{margin:6px 0 4px;display:flex;flex-direction:column;gap:3px}.vocab-detail-jisho-sense{display:flex;align-items:baseline;gap:5px;font-size:12px;line-height:1.4}.vocab-detail-jisho-num{color:var(--text3);min-width:14px;font-size:11px}.vocab-detail-jisho-def{color:var(--text1);flex:1}.vocab-detail-jisho-tag{font-size:10px;color:var(--text3);background:var(--bg2);border:1px solid var(--line1);border-radius:3px;padding:1px 4px;white-space:nowrap}.dict-add-btn{color:var(--blue)}.dict-add-btn.added{color:var(--green, #22c55e);opacity:.7}.dictionary-entry-actions .speak-btn{width:44px;height:44px;border-radius:10px}.dictionary-entry-actions .speak-btn svg{width:22px;height:22px}.vocab-action-bar{display:flex;gap:6px}.vocab-dict-btn.active-toggle{background:var(--bg3);color:var(--text0)}.inline-dict-panel{padding:6px 0}.inline-dict-form{display:flex}.inline-dict-input{width:100%;padding:6px 8px;border:1px solid var(--line1);border-radius:6px;font-size:13px;font-family:inherit;background:var(--bg0);color:var(--text0)}.inline-dict-input:focus{outline:none;border-color:var(--blue)}.inline-dict-loading{padding:8px 0;font-size:12px;color:var(--text2)}.inline-dict-empty{padding:8px 0;font-size:12px;color:var(--text3)}.inline-dict-results{max-height:300px;overflow-y:auto}.inline-dict-entry{padding:6px 0;border-bottom:1px solid var(--line1)}.inline-dict-entry:last-child{border-bottom:none}.inline-dict-entry-head{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.inline-dict-word{font-weight:600;font-size:14px}.inline-dict-reading{color:var(--text2);font-size:12px}.inline-dict-def{font-size:12px;color:var(--text1);margin-top:2px}.inline-dict-add-btn{color:var(--blue)}.inline-dict-add-btn.added{color:var(--green, #22c55e);opacity:.7}.graded-library-lesson-header{font-size:11px;font-weight:700;color:var(--text2);padding:8px 12px 4px;text-transform:uppercase;letter-spacing:.5px}.graded-library-lesson-current{color:var(--blue)}.dictionary-popup{display:flex;width:min(500px,95vw);max-height:85vh;max-height:85dvh;flex-direction:column;border:1px solid var(--line2);border-radius:14px;background:var(--bg1);box-shadow:0 24px 64px #00000047;overflow:hidden}.dictionary-content{flex:1;overflow-y:auto;padding:16px 20px}.dictionary-loading{display:flex;align-items:center;gap:8px;color:var(--text2);padding:24px 0;justify-content:center}.dictionary-error{color:var(--red, #c0392b);padding:16px 0;text-align:center}.dictionary-empty{color:var(--text2);padding:24px 0;text-align:center;font-style:italic}.dictionary-entry{margin-bottom:8px}.dictionary-entry-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.dictionary-word{font-size:24px;font-weight:600;color:var(--text0)}.dictionary-reading{font-size:16px;font-weight:400;color:var(--text2);margin-left:4px}.dictionary-tags{display:flex;gap:6px;margin:6px 0}.dictionary-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.dictionary-tag.jlpt{background:var(--blue);color:#fff}.dictionary-tag.common{background:var(--green);color:#fff}.dictionary-tag.kana{background:var(--purple);color:#fff}.dictionary-tag.in-deck{background:var(--teal);color:#fff;text-transform:none}.dictionary-sense{display:flex;gap:6px;margin:6px 0;font-size:14px}.dictionary-sense-num{color:var(--text2);font-weight:600;min-width:18px}.dictionary-pos{font-size:11px;color:var(--text2);font-style:italic;margin-bottom:2px}.dictionary-def{color:var(--text0)}.dictionary-strokes{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.dictionary-separator{border:none;border-top:1px solid var(--line1);margin:12px 0}.conjugation-panel{padding:4px 0}.verb-type-badge{display:inline-block;padding:3px 10px;border-radius:10px;background:var(--blue);color:#fff;font-size:11px;font-weight:600;margin-bottom:12px}.conjugation-table{width:100%;border-collapse:collapse;font-size:13px}.conjugation-table th{text-align:left;padding:6px 8px;font-size:11px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid var(--line1)}.conjugation-group-row td{padding:10px 8px 4px;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.3px}.conjugation-label{padding:5px 8px;vertical-align:middle}.conjugation-label-jp{display:block;font-size:12px;color:var(--text0);font-weight:500}.conjugation-label-fr{display:block;font-size:10px;color:var(--text2)}.conjugation-cell{padding:5px 8px;font-size:14px;color:var(--text0);cursor:pointer;border-radius:4px;transition:background .1s;position:relative}.conjugation-cell:hover{background:var(--bg2)}.conjugation-cell.conjugation-na{color:var(--text2);cursor:default}.conjugation-cell.conjugation-na:hover{background:none}.conjugation-speak{opacity:0;margin-left:4px;color:var(--text2);vertical-align:middle;transition:opacity .15s}.conjugation-cell:hover .conjugation-speak{opacity:1}.conjugation-empty{padding:24px 0;text-align:center;color:var(--text2);font-style:italic}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kanji-stroke-container{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border:1px solid var(--line1);border-radius:10px;background:var(--bg0)}.kanji-stroke-label{font-size:1.3em;font-weight:700;color:var(--text0)}.kanji-stroke-svg{width:120px;height:120px}.kanji-stroke-svg svg{width:100%;height:100%}.kanji-stroke-svg path[d]{stroke:var(--text0);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.kanji-stroke-path{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw-stroke .5s ease forwards;animation-delay:var(--delay)}@keyframes draw-stroke{to{stroke-dashoffset:0}}.kanji-stroke-replay{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--text2);font-size:11px;cursor:pointer;font-family:inherit}.kanji-stroke-replay:hover{background:var(--bg2);color:var(--text0)}.kanji-stroke-loading,.kanji-stroke-error{font-size:12px;color:var(--text2);padding:16px;text-align:center}.vocab-detail-kanji-sens{margin:12px 0;border:1px solid var(--line1);border-radius:8px;overflow:hidden}.vocab-detail-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;background:var(--bg2);border:none;cursor:pointer;font-family:inherit;color:var(--text2);gap:6px}.vocab-detail-section-toggle:hover{background:var(--bg3, var(--bg2));color:var(--text0)}.kanji-sens-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-top:1px solid var(--line1)}.kanji-sens-char{font-size:24px;font-weight:700;min-width:32px;text-align:center;line-height:1.2;color:var(--accent)}.kanji-sens-info{flex:1;min-width:0}.kanji-sens-reading{display:block;font-size:11px;color:var(--text2);margin-bottom:2px}.kanji-sens-meaning{display:block;font-size:13px;font-weight:600;color:var(--text0)}.kanji-sens-words{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.kanji-sens-word{font-size:11px;color:var(--text2)}.kanji-family-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.kanji-family-chip{padding:2px 8px;border:1px solid var(--line2);border-radius:12px;background:var(--bg1);font-size:13px;font-family:inherit;cursor:pointer;color:var(--text0);transition:background .12s,border-color .12s}.kanji-family-chip:hover{background:var(--accent-light, #e8f0fe);border-color:var(--accent);color:var(--accent)}.error-drill-modal{max-height:min(92vh,700px);display:flex;flex-direction:column;min-height:0}.error-drill-title{margin:0;color:inherit;font:inherit;font-weight:600}.error-general-review-btn{flex:0 0 auto;padding:5px 8px;font-size:11px;white-space:nowrap}.general-review-modal{width:min(560px,100%)}.general-review-modal .review-header h2{margin:0;color:var(--text0);font-size:18px}.general-review-eyebrow{margin:0 0 2px;color:var(--text2);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.general-review-content{display:flex;flex:1;min-height:0;flex-direction:column;gap:16px;overflow-y:auto;padding:18px}.general-review-status,.general-review-error,.general-review-summary{margin:0;color:var(--text2);font-size:13px}.general-review-status{display:flex;align-items:center;justify-content:center;gap:8px;min-height:130px}.general-review-error{border:1px solid #fca5a5;border-radius:8px;background:#fef2f2;color:#991b1b;padding:10px 12px}.general-review-fieldset{min-width:0;margin:0;padding:0;border:0}.general-review-fieldset legend{margin-bottom:7px;color:var(--text1);font-size:12px;font-weight:700}.general-review-options{display:flex;flex-wrap:wrap;gap:8px}.general-review-options label{display:inline-flex;align-items:center;gap:5px;min-height:34px;border:1px solid var(--line2);border-radius:8px;color:var(--text1);cursor:pointer;padding:6px 9px;font-size:13px}.general-review-options input{accent-color:var(--blue)}.general-review-fieldset:disabled .general-review-options label{cursor:not-allowed;opacity:.65}.general-review-range{display:flex;gap:10px;margin-top:8px}.general-review-range label{display:flex;align-items:center;gap:6px;color:var(--text2);font-size:12px}.general-review-range input{width:68px;border:1px solid var(--line2);border-radius:6px;background:var(--bg0);color:var(--text0);padding:5px 6px}.general-review-prepared,.general-review-resume,.general-review-confirm,.general-review-checkpoint{display:flex;align-items:center;gap:10px;border:1px solid var(--line1);border-radius:10px;background:var(--bg0);padding:12px}.general-review-prepared{border-color:#86efac;background:#f0fdf4;color:#166534}.general-review-confirm{align-items:flex-start;border-color:#fcd34d;background:#fffbeb;color:#92400e}.general-review-resume>div,.general-review-confirm>div,.general-review-checkpoint>div{flex:1}.general-review-prepared h3,.general-review-resume strong,.general-review-confirm strong,.general-review-checkpoint strong{color:inherit;font-size:13px}.general-review-prepared p,.general-review-resume p,.general-review-confirm p,.general-review-checkpoint p{margin:3px 0 0;color:var(--text2);font-size:12px}.general-review-inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.general-review-start{justify-content:center}.review-flow-modal{width:min(560px,100%)}.review-flow-progress{padding:10px 18px 12px;border-bottom:1px solid var(--line1)}.review-flow-progress-label{display:flex;justify-content:space-between;gap:12px;color:var(--text2);font-size:12px;font-weight:600}.review-flow-progress-track{height:4px;margin-top:7px;overflow:hidden;border-radius:999px;background:var(--line1)}.review-flow-progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .18s ease}.review-flow-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:11px;padding:22px 18px}.review-flow-content h3,.review-flow-content p{margin:0}.review-flow-content h3{color:var(--text0);font-size:17px}.review-flow-content p{color:var(--text2);font-size:13px;line-height:1.5}.review-flow-content .general-review-error{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%}.review-flow-note{color:var(--text3)!important;font-size:11px!important}.review-flow-note code{overflow-wrap:anywhere}.review-flow-local-summary,.review-flow-unavailable{align-items:center;text-align:center}@media(max-width:520px){.error-general-review-btn{padding:5px 6px;font-size:10px}.general-review-content{padding:14px}.general-review-resume{align-items:flex-start;flex-wrap:wrap}.general-review-resume .button{margin-left:28px}.general-review-checkpoint{align-items:flex-start;flex-direction:column}.general-review-checkpoint .button{width:100%;justify-content:center}}.drill-concepts-recap{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;border-bottom:1px solid var(--line1);flex-shrink:0}.drill-concepts-summary{flex-basis:100%;color:var(--text2);font-size:11px}.drill-concept-chip{display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-family:inherit;border:1px solid var(--line2);color:var(--text2);background:transparent}.drill-concept-chip.weak{border-color:#fca5a5;color:#991b1b;background:#fef2f2}.drill-concept-chip.due{border-color:#93c5fd;color:#1e40af;background:#eff6ff}.drill-concept-chip.weak.due{border-color:#c084fc;color:#6b21a8;background:#f5f3ff}.error-tabs{display:flex;border-bottom:1px solid var(--line1)}.error-tab{flex:1;padding:8px 12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);font-size:12px;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s}.error-tab:hover{color:var(--text0)}.error-tab.active{color:var(--text0);border-bottom-color:var(--blue);font-weight:600}.error-date{font-size:10px;color:var(--text3);margin-left:auto}.error-drill-loading{padding:12px;text-align:center;color:var(--text2);font-size:14px}.error-drill-content{flex:1;min-height:0;overflow-y:auto;padding:20px}.error-history-content{flex:1;min-height:0;display:flex;flex-direction:column}.error-filter-bar{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;border-bottom:1px solid var(--line1);flex-shrink:0}.error-filter-btn{padding:3px 10px;border:1px solid var(--line2);border-radius:12px;background:transparent;font-size:11px;font-family:inherit;cursor:pointer;color:var(--text1);transition:background .12s,border-color .12s}.error-filter-btn.active,.error-filter-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.error-list{flex:1;overflow-y:auto;padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}.error-card{border:1px solid var(--line1);border-radius:8px;padding:10px 12px;background:var(--bg1)}.error-card-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.error-type-badge{padding:2px 7px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:var(--bg2);color:var(--text1)}.error-type-particle{background:#fde68a;color:#92400e}.error-type-conjugation{background:#dbeafe;color:#1e40af}.error-type-vocabulary{background:#d1fae5;color:#065f46}.error-type-reading{background:#ede9fe;color:#5b21b6}.error-type-word_order{background:#fee2e2;color:#991b1b}.error-type-meaning{background:#ffedd5;color:#9a3412}.error-concept-tag{font-size:10px;color:var(--text2)}.error-lesson{margin-left:auto;font-size:10px;color:var(--text2)}.error-card-body{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.error-line{display:flex;align-items:center;gap:6px;font-size:13px}.error-wrong{color:var(--err, #dc2626);text-decoration:line-through;text-decoration-color:var(--err, #dc2626)}.error-expected{color:var(--ok, #16a34a);font-weight:600}.error-correction{font-size:14px;color:var(--text2);font-style:italic;margin-top:4px}.error-resolve-btn{font-size:11px;padding:3px 10px}.error-empty-filter{text-align:center;color:var(--text2);font-size:13px;padding:20px 0}.mastery-modal{max-height:min(92vh,700px);display:flex;flex-direction:column}.mastery-grid{display:flex;flex-wrap:wrap;gap:3px;padding:12px 16px;justify-content:flex-start;flex-shrink:0}.mastery-cell{width:36px;height:28px;border-radius:4px;border:none;font-size:10px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .12s,transform .1s}.mastery-cell:hover{opacity:.8}.mastery-cell.selected{outline:2px solid var(--accent);outline-offset:1px}.mastery-none{background:var(--bg3, #e5e7eb);color:var(--text2)}.mastery-strong{background:#bbf7d0;color:#065f46}.mastery-fragile{background:#fef9c3;color:#854d0e}.mastery-weak{background:#fecaca;color:#991b1b}.mastery-legend{display:flex;gap:12px;padding:0 16px 10px;flex-wrap:wrap;border-bottom:1px solid var(--line1);flex-shrink:0}.mastery-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2)}.mastery-dot{width:10px;height:10px;border-radius:2px;display:inline-block}.mastery-detail{flex:1;overflow-y:auto;padding:10px 16px}.mastery-detail h4{font-size:13px;font-weight:700;margin:0 0 10px;color:var(--text0)}.mastery-empty{font-size:13px;color:var(--text2);font-style:italic}.mastery-concept-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.mastery-concept-tag{font-size:11px;color:var(--text1);min-width:120px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mastery-bar-track{flex:1;height:8px;background:var(--bg2);border-radius:4px;overflow:hidden}.mastery-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.mastery-bar-fill.mastery-strong{background:#22c55e}.mastery-bar-fill.mastery-fragile{background:#eab308}.mastery-bar-fill.mastery-weak{background:#ef4444}.mastery-bar-fill.mastery-none{background:var(--bg3, #e5e7eb)}.mastery-pct{font-size:11px;font-weight:600;min-width:28px;text-align:right;color:var(--text1)}.mastery-counts{font-size:10px;color:var(--text2);min-width:48px;text-align:right}.det-modal{max-width:520px;width:95vw;padding:0 18px 18px}.det-modal .review-header{margin:0 -18px;padding-left:18px;padding-right:18px}.det-lesson-tabs{display:flex;gap:6px;margin:12px 0;padding-bottom:2px;overflow-x:auto}.det-lesson-tab{flex:0 0 auto;min-height:30px;padding:0 10px;border:1px solid var(--line2);border-radius:8px;background:var(--bg0);color:var(--text1);font-size:12px;font-weight:600;cursor:pointer}.det-lesson-tab:hover:not(:disabled){border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.det-lesson-tab.active{border-color:var(--blue);background:var(--blue);color:#fff}.det-lesson-tab:disabled{cursor:default}.det-progress-bar{height:4px;background:var(--bg3);border-radius:2px;margin:0 0 6px;overflow:hidden}.det-progress-fill{height:100%;background:var(--blue);border-radius:2px;transition:width .35s ease}.det-counter{font-size:11px;color:var(--text2);text-align:right;margin-bottom:10px}.det-empty-state{display:grid;min-height:180px;place-items:center;padding:24px;color:var(--text2);text-align:center;font-size:13px}.det-question{margin-bottom:14px}.det-question-text{font-size:18px;font-weight:600;color:var(--text0);line-height:1.5;margin:0}.det-exercise-body{display:flex;flex-direction:column;gap:12px}.det-answer-zone{min-height:48px;background:var(--bg0);border:1.5px dashed var(--line2);border-radius:10px;padding:8px 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.det-answer-placeholder{color:var(--text2);font-size:15px;font-style:italic}.det-pool-zone{display:flex;flex-wrap:wrap;gap:6px}.det-chip{padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-family:var(--font);font-size:17px;transition:opacity .15s,transform .1s}.det-chip ruby rt{font-size:11px}.det-chip-pool{background:var(--bg2);color:var(--text0)}.det-chip-pool:hover:not(:disabled){background:var(--blue-bg);color:var(--blue)}.det-chip-pool:disabled{opacity:.45;cursor:default}.det-chip-selected{background:var(--blue);color:#fff}.det-chip-selected:hover:not(.det-chip-locked){background:#1448a0}.det-chip-locked{cursor:default}.det-exercise-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.det-reset-btn{background:none;border:none;cursor:pointer;color:var(--text2);padding:4px;display:flex;align-items:center}.det-reset-btn:hover{color:var(--text0)}.det-particle-sentence{font-size:21px;line-height:1.7;text-align:center;padding:12px 0}.det-particle-blank{display:inline-block;min-width:28px;text-align:center;border-bottom:2px solid var(--blue);color:var(--blue);margin:0 2px}.det-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.det-option-btn{padding:10px 0;border-radius:8px;border:1.5px solid var(--line2);background:var(--bg1);font-size:18px;cursor:pointer;transition:background .15s,border-color .15s}.det-option-btn:hover:not(:disabled){background:var(--blue-bg);border-color:var(--blue)}.det-option-correct{background:var(--green-bg)!important;border-color:var(--green)!important;color:var(--green);font-weight:700}.det-option-wrong{background:#fde8e8!important;border-color:#d9534f!important;color:#d9534f;text-decoration:line-through}.det-option-disabled{opacity:.45;cursor:default}.det-association-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.75fr);gap:12px}.det-association-left,.det-association-right{display:flex;flex-direction:column;gap:8px}.det-association-row,.det-association-target{border:1px solid var(--line1);border-radius:8px;background:var(--bg1);padding:8px}.det-association-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.det-association-item{font-size:17px;font-weight:600;color:var(--text0)}.det-association-choice-row{display:flex;gap:4px}.det-assoc-choice{min-width:32px;height:32px;border-radius:8px;border:1.5px solid var(--line2);background:var(--bg0);font-weight:700;cursor:pointer}.det-assoc-choice:hover:not(:disabled),.det-assoc-choice.selected{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.det-conjugaison-verb{display:flex;align-items:center;gap:10px;font-size:22px;padding:8px 0}.det-verb-kanji{font-weight:700}.det-verb-arrow{color:var(--text2)}.det-verb-form{color:var(--blue);font-size:16px;background:var(--blue-bg);padding:2px 8px;border-radius:6px}.det-conjugaison-input-row{display:flex;gap:8px}.det-conj-input{flex:1;min-width:0;padding:9px 12px;border:1.5px solid var(--line2);border-radius:8px;font-size:20px;font-family:var(--font);background:var(--bg1);color:var(--text0);outline:none}.det-conj-input:focus{border-color:var(--blue)}.det-input-correct{border-color:var(--green)!important;background:var(--green-bg)!important}.det-input-wrong{border-color:#d9534f!important;background:#fde8e8!important}.det-expected-answer{font-size:15px;color:var(--text1)}.det-expected-text{font-weight:600;color:var(--green)}.det-feedback{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:10px;font-size:18px;font-weight:700;align-items:flex-start}.det-feedback svg{vertical-align:middle;margin-right:4px}.det-feedback-correct{background:var(--green-bg);color:var(--green)}.det-feedback-wrong{background:var(--red-bg);color:var(--red)}.det-hint{font-size:14px;font-weight:400;color:var(--text1);margin:0;font-style:italic}.det-explanation{font-size:15px;font-weight:400;color:var(--text1);margin:2px 0 0;padding:8px 10px;background:var(--bg2);border-radius:8px;border-left:3px solid var(--blue);line-height:1.45}.det-hint-toggle{display:flex;align-items:center;margin:2px 0 4px}.det-hint-btn{background:none;border:none;padding:0;cursor:pointer;font-size:14px;color:var(--text2);font-style:italic;text-decoration:underline dotted;opacity:.7;transition:opacity .15s}.det-hint-btn:hover{opacity:1}.det-next-btn{align-self:flex-end;margin-top:4px;display:flex;align-items:center;gap:4px}.det-summary{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px;text-align:center}.det-summary-score{font-size:3rem;font-weight:800;color:var(--text0)}.det-summary-label{font-size:1.2rem;font-weight:400;color:var(--text1)}.det-summary-perfect{font-size:16px;color:var(--green);font-weight:600;margin:0}.det-summary-retry{font-size:14px;color:var(--text1);margin:0}.det-summary-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.det-loading,.det-error{padding:32px;text-align:center;color:var(--text2)}.graded-modal{max-width:740px;width:95vw;max-height:88vh;overflow-y:auto;padding:0 18px 18px}.graded-modal .review-header{margin:0 -18px;padding-left:18px;padding-right:18px}.graded-title-block{max-width:40rem;text-align:center;margin:0 auto 14px}.graded-title{font-size:18px;font-weight:700;margin:0;color:var(--text0)}.graded-title-fr{font-size:13px;color:var(--text2);margin:3px 0 0;font-style:italic}.graded-passage-wrap{position:relative;max-width:40rem;background:var(--bg0);border:1px solid var(--line1);border-radius:10px;padding:20px 24px;margin:0 auto 16px;line-height:2}.graded-passage{font-size:21px;color:var(--text0)}.graded-passage ruby rt{font-size:.6em}.graded-passage-lines{display:flex;flex-direction:column;gap:20px}.graded-line-row{display:flex;align-items:flex-start;gap:8px}.graded-line{flex:1}.graded-line-narration .graded-line{color:var(--text0)}.graded-line-dialogue .graded-line{color:var(--text1)}.graded-line-speak-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;padding:3px;border:none;border-radius:5px;background:transparent;color:var(--text2);opacity:0;cursor:pointer;transition:opacity .15s ease,background .15s ease,color .15s ease}.graded-line-row:hover .graded-line-speak-btn,.graded-line-speak-btn:focus-visible{opacity:1}.graded-line-speak-btn:hover{color:var(--blue);background:var(--blue-bg);opacity:1}@media(pointer:coarse){.graded-line-speak-btn{opacity:.6;min-width:44px;min-height:44px;padding:8px}}.graded-questions{max-width:40rem;margin:24px auto 0;padding:18px 20px 4px;border-top:1px solid var(--line1);background:var(--bg2);border-radius:0 0 10px 10px}.graded-questions-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text2);margin:0 0 10px}.graded-question-block{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line1)}.graded-question-block:last-child{border-bottom:none}.graded-question-text{font-size:14px;color:var(--text0);margin:0 0 8px}.graded-input-row{display:flex;gap:8px}.graded-input{flex:1;padding:8px 12px;border:1.5px solid var(--line2);border-radius:8px;font-size:15px;font-family:var(--font);background:var(--bg1);color:var(--text0);outline:none}.graded-input:focus{border-color:var(--blue)}.graded-input-ok{border-color:var(--green)!important;background:var(--green-bg)!important}.graded-input-ko{border-color:#d9534f!important;background:#fde8e8!important}.graded-check-btn{white-space:nowrap}.graded-result{margin-top:6px;font-size:13px;font-weight:600}.graded-result-ok{color:var(--green)}.graded-result-ko{color:#c0392b}.graded-footer{display:flex;gap:8px;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--line1);margin-top:8px;flex-wrap:wrap}.graded-meta{font-size:11px;color:var(--text2);margin:6px 0 0}.graded-back-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--blue);background:none;border:none;padding:0 0 8px;cursor:pointer;font-family:inherit}.graded-back-btn:hover{text-decoration:underline}.graded-history-list{display:flex;flex-direction:column;gap:0;margin:8px 0;border:1px solid var(--line1);border-radius:8px;overflow:hidden}.graded-history-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg1);border:none;border-bottom:1px solid var(--line1);cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.graded-history-item:last-child{border-bottom:none}.graded-history-item:hover{background:var(--bg2)}.graded-history-title{font-size:13px;color:var(--text0);font-weight:500}.graded-history-title-fr{font-size:12px;color:var(--text2);font-weight:400;font-style:italic}.graded-history-date{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text2);white-space:nowrap;margin-left:12px}.graded-history-empty{text-align:center;color:var(--text2);font-size:13px;padding:24px 0}.roleplay-trigger-btn{display:inline-flex;align-items:center;gap:5px}.roleplay-container{display:flex;flex-direction:column;flex:1;min-height:0}.roleplay-header-note{font-size:12px;color:var(--text2);padding:6px 14px;background:var(--blue-bg);border-radius:8px;margin:0 0 8px;display:flex;align-items:center;gap:6px}.roleplay-back-btn{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--blue);font-size:12px;padding:2px 6px}.roleplay-lines{flex:1;overflow-y:auto}.roleplay-input-line .dialogue-bubble{background:var(--blue-bg)!important}.roleplay-bubble{width:100%}.roleplay-input-wrap{display:flex;gap:6px}.roleplay-input{flex:1;padding:8px 12px;border:1.5px solid var(--blue);border-radius:8px;font-size:15px;font-family:var(--font);background:var(--bg1);color:var(--text0);outline:none}.roleplay-check-btn{white-space:nowrap}.roleplay-result-correct{color:var(--green);font-weight:600}.roleplay-result-wrong{color:#c0392b;text-decoration:line-through;margin-bottom:4px}.roleplay-revealed{font-size:14px;line-height:1.5}.roleplay-oral-prompt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.roleplay-oral-hint{font-size:13px;color:var(--text2);font-style:italic}.roleplay-reveal-btn{background:none;border:1px solid var(--line2);border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;color:var(--text1);white-space:nowrap}.roleplay-reveal-btn:hover{background:var(--bg2)}.roleplay-done{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:14px;font-weight:600;color:var(--green);border-top:1px solid var(--line1);margin-top:8px}.roleplay-picker{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px;text-align:center}.roleplay-picker-label{font-size:14px;color:var(--text1);margin:0}.roleplay-picker-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.roleplay-speaker-btn{font-size:16px;padding:10px 20px}.roleplay-cancel-btn{font-size:13px;color:var(--text2)}.login-switch-link{background:none;border:none;color:var(--blue);font-size:12px;cursor:pointer;text-align:center;padding:4px 0}.login-switch-link:hover{text-decoration:underline}.register-dialog{width:min(400px,100%)}.invitation-code-input{font-family:SF Mono,Fira Code,monospace;font-size:15px!important}.settings-user-row{display:flex;align-items:center;gap:8px;padding-bottom:6px!important;border-bottom:1px solid var(--line1);margin-bottom:2px}.settings-user-avatar{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:600}.settings-user-name{font-size:12px;font-weight:500;color:var(--text0)}.placement-container{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:var(--bg0)}.placement-card{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(480px,100%);padding:28px 24px;border:1px solid var(--line2);border-radius:12px;background:var(--bg1);box-shadow:0 20px 60px #0000001f}.placement-card .mark{font-size:28px}.placement-card h2{margin:0;text-align:center;font-size:18px}.placement-intro-text{margin:0;color:var(--text1);font-size:13px;line-height:1.6;text-align:center;max-width:380px}.placement-sections-preview{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.placement-section-tag{font-size:11px;padding:3px 10px;border-radius:12px;background:var(--bg2);color:var(--text1)}.placement-start-btn{width:100%;max-width:260px;margin-top:4px}.placement-loading{color:var(--text1);font-size:14px;text-align:center}.placement-test-card{gap:12px;width:min(520px,100%)}.placement-test-header{display:flex;justify-content:space-between;align-items:center;width:100%}.placement-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text2)}.placement-counter{font-size:12px;color:var(--text2);font-variant-numeric:tabular-nums}.placement-progress-bar{width:100%;height:4px;border-radius:2px;background:var(--bg2);overflow:hidden}.placement-progress-fill{height:100%;background:var(--blue);border-radius:2px;transition:width .3s ease}.placement-question-body{width:100%;display:flex;flex-direction:column;gap:14px}.placement-question-text{margin:0;font-size:15px;line-height:1.6;text-align:center;color:var(--text0)}.placement-sentence{margin:0;font-size:17px;line-height:1.7;text-align:center;color:var(--text0)}.placement-blank{display:inline-block;min-width:32px;padding:1px 6px;margin:0 2px;border-bottom:2px solid var(--blue);text-align:center;font-weight:600;color:var(--blue)}.placement-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.placement-option-btn{padding:10px 14px;border:1px solid var(--line2);border-radius:8px;background:var(--bg0);color:var(--text0);font:inherit;font-size:14px;cursor:pointer;text-align:center;transition:all .15s ease}.placement-option-btn:hover:not(:disabled){border-color:var(--blue);background:var(--blue-bg, rgba(59, 130, 246, .06))}.placement-option-selected{border-color:var(--blue);background:var(--blue-bg, rgba(59, 130, 246, .1));color:var(--blue);font-weight:500}.placement-option-disabled{opacity:.4}.placement-result-card{gap:12px}.placement-result-icon{font-size:36px}.placement-result-lesson{margin:0;font-size:14px;color:var(--text1);text-align:center}.placement-scores{width:100%;display:flex;flex-direction:column;gap:8px;margin:4px 0}.placement-score-item{display:flex;align-items:center;gap:8px}.placement-score-label{font-size:12px;font-weight:600;width:24px;text-align:right;color:var(--text2)}.placement-score-bar{flex:1;height:8px;border-radius:4px;background:var(--bg2);overflow:hidden}.placement-score-fill{height:100%;background:var(--blue);border-radius:4px;transition:width .5s ease}.placement-score-pct{font-size:12px;font-variant-numeric:tabular-nums;width:32px;text-align:right;color:var(--text1)}.placement-vocab-count{margin:0;font-size:12px;color:var(--text2);text-align:center}.admin-modal{width:min(700px,96vw);max-height:80vh;display:flex;flex-direction:column}.admin-tabs{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--line1)}.admin-tab{padding:8px 14px;font-size:13px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);cursor:pointer;margin-bottom:-1px}.admin-tab.active{color:var(--text0);border-bottom-color:var(--blue);font-weight:500}.admin-content{flex:1;overflow-y:auto;padding:16px}.admin-loading{text-align:center;color:var(--text2);padding:24px;font-size:13px}.admin-error{padding:8px 12px;border-radius:6px;background:var(--red-bg, rgba(220,38,38,.08));color:var(--red, #dc2626);font-size:12px;margin-bottom:12px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text2);padding:0 8px 8px;border-bottom:1px solid var(--line1)}.admin-table td{padding:10px 8px;border-bottom:1px solid var(--line1);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-row-self td{background:#3b82f608}.admin-row-dim td{opacity:.45}.admin-member-cell{display:flex;align-items:center;gap:10px}.admin-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg2);color:var(--text0);font-size:12px;font-weight:600;flex-shrink:0}.admin-member-name{font-weight:500;font-size:13px}.admin-member-email{font-size:11px;color:var(--text2)}.admin-level-tag{font-size:12px;font-weight:600}.admin-level-pending{font-size:11px;color:var(--text2);font-style:italic}.admin-time{font-size:12px;color:var(--text2);white-space:nowrap}.admin-role-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;background:var(--bg2);color:var(--text1)}.admin-role-badge.admin{background:#3b82f61f;color:var(--blue)}.admin-row-actions{display:flex;gap:4px;justify-content:flex-end}.admin-action-btn{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--line2);border-radius:6px;background:var(--bg0);color:var(--text1);cursor:pointer}.admin-action-btn:hover{background:var(--bg2);color:var(--text0)}.admin-action-btn.danger:hover{border-color:var(--red, #dc2626);color:var(--red, #dc2626);background:var(--red-bg, rgba(220,38,38,.06))}.admin-modal-backdrop{position:absolute;inset:0;background:#0000004d;display:grid;place-items:center;z-index:10;border-radius:inherit}.admin-confirm{background:var(--bg1);border:1px solid var(--line2);border-radius:8px;padding:20px;width:min(320px,90%);display:flex;flex-direction:column;gap:10px}.admin-confirm p{margin:0;font-size:14px}.admin-confirm-sub{font-size:12px!important;color:var(--text2)!important}.admin-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.admin-input{height:36px;border:1px solid var(--line2);border-radius:6px;background:var(--bg0);color:var(--text0);padding:0 10px;font:inherit;font-size:13px}.admin-input:focus{outline:none;border-color:var(--blue)}.admin-generate-card{border:1px solid var(--line2);border-radius:8px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.admin-section-title{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text0)}.admin-generate-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.admin-label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.admin-select{height:32px;border:1px solid var(--line2);border-radius:6px;background:var(--bg0);color:var(--text0);padding:0 8px;font:inherit;font-size:13px;cursor:pointer}.admin-generate-btn{height:32px;padding:0 14px;font-size:13px;display:flex;align-items:center;gap:6px}.admin-code-display{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:var(--bg0);border:1px dashed var(--blue)}.admin-code-value{font-family:SF Mono,Fira Code,monospace;font-size:22px;font-weight:700;letter-spacing:4px;color:var(--blue);flex:1;text-align:center}.admin-code-mono{font-family:SF Mono,Fira Code,monospace;font-size:13px;letter-spacing:2px;font-weight:600}.admin-copy-btn{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--line2);border-radius:4px;background:var(--bg1);color:var(--text2);cursor:pointer;margin-left:6px;font-size:11px}.admin-copy-btn:hover{background:var(--bg2);color:var(--text0)}.admin-invite-hint{margin:0;font-size:12px;color:var(--text2);flex:1;line-height:1.5}.admin-code-status{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px}.admin-code-status.available{background:#22c55e1a;color:#16a34a}.admin-code-status.used{background:var(--bg2);color:var(--text2)}.admin-cost{overflow-x:auto}.admin-cost-col{text-align:right;white-space:nowrap}.admin-cost-val{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;padding-right:16px!important;white-space:nowrap}.admin-cost-dim{color:var(--text2);font-size:12px}.admin-cost-warn{margin-left:5px;color:#f59e0b;font-size:12px}.admin-row-warn td{background:#f59e0b0a}.admin-cost-totals td{border-top:1px solid var(--border);padding-top:8px;padding-bottom:4px}.admin-films{overflow-x:auto}.admin-film-progress{display:flex;align-items:center;gap:8px}.admin-film-progress-bar{width:80px;height:6px;border-radius:3px;background:var(--bg2);overflow:hidden;flex-shrink:0}.admin-film-progress-fill{height:100%;background:var(--blue);border-radius:3px}.admin-film-progress-pct{font-size:12px;color:var(--text2);font-variant-numeric:tabular-nums;white-space:nowrap}.exercise-block{width:100%;max-width:min(720px,100%);padding:14px 16px 18px;margin-top:4px;background:var(--blue-bg);border:1px solid var(--line1);border-radius:12px}.exercise-prompt{font-size:18px;font-weight:600;color:var(--text0);margin:0 0 12px;line-height:1.5}.exercise-block .free-text-form-multi+*{margin-top:0}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-actions .button{font-size:18px;padding:0 16px}.exercise-block .quick-actions .button{background:var(--bg1);border:1px solid var(--line2);border-radius:8px;min-height:40px;color:var(--text0)}.exercise-block .quick-actions .button:hover:not(:disabled){border-color:var(--blue);background:var(--blue-bg)}.exercise-block-answered{background:var(--bg1);border-color:var(--line1)}.exercise-answered-badge{display:inline-block;margin-bottom:8px;padding:2px 8px;border-radius:999px;background:var(--bg2);color:var(--text2);font-size:10px;font-weight:700;letter-spacing:.02em}.exercise-chips-answered{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.exercise-chip-answered{display:inline-flex;align-items:center;gap:3px;font-size:.8em;padding:2px 8px;background:var(--bg2);border-radius:8px;color:var(--text2)}.lesson-advance-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--bg2);border-top:1px solid var(--line1)}.lesson-advance-banner span{font-size:.85em;color:var(--text2)}.lesson-advance-btn{flex-shrink:0;font-size:.85em}.composer-dimmed{opacity:.4}.karaoke-modal{width:min(600px,100%)}.karaoke-index-list{display:flex;flex-direction:column;gap:8px;padding:12px 14px;overflow-y:auto}.karaoke-index-card{display:flex;flex-direction:column;gap:3px;width:100%;padding:12px 14px;border:1.5px solid var(--line2);border-radius:10px;background:var(--bg1);text-align:left;cursor:pointer;transition:border-color .12s,background .12s;font:inherit;color:inherit}.karaoke-index-card:hover{border-color:var(--blue);background:var(--blue-bg)}.karaoke-index-card-listened{opacity:.55}.karaoke-index-card-listened .karaoke-index-card-title{color:var(--text2)}.karaoke-listened-badge{color:var(--green, #4caf50);font-size:11px}.karaoke-index-card-title{font-size:14px;font-weight:600;color:var(--text0)}.karaoke-index-card-sub{font-size:12px;color:var(--text2)}.karaoke-index-previous{display:flex;flex-direction:column;gap:8px}.karaoke-index-previous-toggle{display:flex;align-items:center;gap:6px;padding:8px 4px;border:none;background:transparent;font:inherit;color:var(--text2);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;cursor:pointer}.karaoke-index-previous-toggle:hover{color:var(--text0)}.karaoke-index-empty-current{text-align:center;color:var(--text2);font-size:12px;padding:4px 0 8px}.karaoke-index-empty-current-hint{font-size:11px;opacity:.75}.bank-card-list{display:flex;flex-direction:column;gap:8px;padding:12px 14px;overflow-y:auto}.bank-card{display:flex;flex-direction:column;gap:3px;width:100%;padding:12px 14px;border:1.5px solid var(--line2);border-radius:10px;background:var(--bg1);text-align:left;cursor:pointer;transition:border-color .12s,background .12s;font:inherit;color:inherit}.bank-card:hover{border-color:var(--blue);background:var(--blue-bg)}.bank-card-done{opacity:.55}.bank-card-done .bank-card-title{color:var(--text2)}.bank-card-disabled{opacity:.55;cursor:default;border-style:dashed}.bank-card-disabled:hover{border-color:var(--line2);background:var(--bg1)}.bank-card-title{font-size:14px;font-weight:600;color:var(--text0)}.bank-card-icon{display:inline-flex;align-items:center;margin-right:6px;opacity:.6;vertical-align:middle}.bank-card-title-fr{font-weight:400;color:var(--text2)}.bank-card-warning{font-size:11px;color:var(--amber, #92520a);margin-left:6px}.bank-card-sub{font-size:12px;color:var(--text2)}.bank-card-badge{color:var(--green, #4caf50);font-size:11px}.bank-card-progress{margin-top:4px;height:4px;border-radius:2px;background:var(--line2);overflow:hidden}.bank-card-progress-fill{height:100%;background:var(--green);border-radius:2px;transition:width .2s}.film-segment-card.bank-card-done{opacity:1;background:var(--green-bg);border-color:var(--green)}.film-segment-card.bank-card-done .bank-card-title{color:var(--text0)}.film-segment-card.bank-card-done .bank-card-badge{font-weight:700}.film-segment-next{border-color:var(--blue);border-width:2px;box-shadow:0 0 0 1px var(--blue) inset}.film-segment-next .bank-card-title:after{content:"Reprendre ici";margin-left:8px;padding:1px 6px;border-radius:999px;background:var(--blue);color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.karaoke-modal .dialogue-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;row-gap:8px;justify-content:flex-start}.karaoke-modal .dialogue-controls .button.primary{margin-left:auto}.karaoke-btn-label-compact{display:none}@media(max-width:600px){.karaoke-btn-label-full{display:none}.karaoke-btn-label-compact{display:inline}}.ask-panel{display:flex;flex-direction:column;border-top:1px solid var(--line2);background:var(--bg2);flex-shrink:0;max-height:260px}.ask-panel-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--line1);flex-shrink:0}.ask-panel-title{font-size:12px;font-weight:600;color:var(--text1);text-transform:uppercase;letter-spacing:.04em}.ask-messages{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.ask-hint{font-size:12px;color:var(--text2);text-align:center;margin:4px 0 0}.ask-bubble{max-width:88%;padding:7px 11px;border-radius:12px;font-size:16px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.ask-bubble-user{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}.ask-bubble-assistant{align-self:flex-start;background:var(--bg1);color:var(--text0);border:1px solid var(--line1);border-bottom-left-radius:4px;white-space:normal}.ask-loading{color:var(--text2);font-style:italic;display:flex;align-items:center;gap:6px}.ask-composer{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--line1);flex-shrink:0;background:var(--bg2)}.ask-composer textarea{flex:1;resize:none;border:1px solid var(--line2);border-radius:8px;padding:6px 10px;font-size:13px;font-family:var(--font);background:var(--bg1);color:var(--text0);outline:none;line-height:1.4}.ask-composer textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #1a5fa826}.ask-composer .button.primary{padding:0 12px;align-self:flex-end;height:34px}.ask-toggle-active{background:var(--blue-bg)!important;color:var(--blue)!important;border-color:var(--blue)!important}.chat-ask-wrap{display:flex;flex-direction:column;flex-shrink:0}.chat-panel .ask-panel{max-height:min(320px,45vh)}.ask-chat-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:var(--bg2);border-top:1px solid var(--line1)}.ask-chat-footer span{font-size:.8em;color:var(--text2)}.exercise-ask-btn{align-self:flex-start;margin-top:2px;min-height:30px;padding:0 10px;font-size:12px}.exercise-ask-panel{width:100%;display:flex;flex-direction:column;gap:0;margin-top:4px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);overflow:hidden}.exercise-ask-messages{display:flex;flex-direction:column;gap:6px;padding:8px 10px;max-height:200px;overflow-y:auto}.exercise-ask-composer{display:flex;gap:6px;padding:6px 8px;border-top:1px solid var(--line1);background:var(--bg2)}.exercise-ask-composer textarea{flex:1;resize:none;border:1px solid var(--line2);border-radius:8px;padding:5px 8px;font-size:12px;font-family:var(--font);background:var(--bg1);color:var(--text0);outline:none;line-height:1.4}.exercise-ask-composer textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #1a5fa826}.exercise-ask-composer .button.primary{padding:0 10px;height:28px;align-self:flex-end}.karaoke-level-badge{font-size:11px;color:var(--text2);margin-left:6px}.karaoke-validated-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--green, #22c55e);margin-left:8px}.karaoke-player-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;flex-shrink:0}.karaoke-yt-player{width:100%;height:100%}.karaoke-yt-player iframe{width:100%;height:100%;border:0;display:block}.karaoke-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#ccc;background:#000000b3}.film-clip-error{flex-direction:column;gap:10px;text-align:center;padding:12px}.karaoke-placeholder{padding:20px 18px;background:color-mix(in srgb,var(--amber, #92520a) 10%,var(--bg0));border-bottom:1px solid color-mix(in srgb,var(--amber, #92520a) 30%,transparent);font-size:13px;line-height:1.5;flex-shrink:0}.karaoke-placeholder code{font-family:monospace;font-size:12px;background:var(--bg2);padding:1px 4px;border-radius:3px}.karaoke-lines{gap:6px}.karaoke-line{display:flex;flex-direction:column;max-width:88%;gap:3px;padding:4px 0;transition:opacity .2s}.karaoke-line.align-start{align-self:flex-start}.karaoke-line.align-end{align-self:flex-end;align-items:flex-end}.karaoke-line.align-center{align-self:center;align-items:center;text-align:center}.karaoke-lines:has(.karaoke-active) .karaoke-line:not(.karaoke-active){opacity:.38}.karaoke-active{opacity:1!important}.karaoke-bubble{position:relative;padding:8px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line1);cursor:pointer;transition:border-color .15s}.karaoke-bubble:hover{border-color:var(--blue)}.karaoke-active .karaoke-bubble{border-color:var(--blue);background:var(--blue-bg)}.karaoke-jp{font-size:16px;font-weight:500;line-height:1.7}.karaoke-reading{margin-top:1px;color:var(--text2);font-size:11px;font-style:italic;line-height:1.35;opacity:.72}.karaoke-fr{font-size:12px;color:var(--text2);margin-top:2px;font-style:italic}@keyframes karaoke-loop-pulse{0%,to{border-color:var(--blue)}50%{border-color:color-mix(in srgb,var(--blue) 40%,transparent)}}.karaoke-bubble-looping{animation:karaoke-loop-pulse 1s ease-in-out infinite}.karaoke-questions{display:flex;flex-direction:column;gap:10px;padding:4px 2px 12px;overflow-y:auto}.karaoke-questions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.karaoke-questions-summary{display:flex;flex-direction:column;gap:8px;padding-top:4px;font-weight:500}.karaoke-questions-actions{display:flex;gap:8px}.film-mode-toggle{display:flex;align-items:center;gap:6px}.film-mode-toggle-active{background:var(--blue-bg);color:var(--blue);border-color:var(--blue)}.film-screen{display:flex;flex-direction:column;height:100%;overflow:hidden}.film-poster-card{display:flex;align-items:stretch;gap:12px;width:100%;padding:10px;border:1.5px solid var(--line2);border-radius:10px;background:var(--bg1);text-align:left;cursor:pointer;transition:border-color .12s,background .12s;font:inherit;color:inherit}.film-poster-card:hover{border-color:var(--blue);background:var(--blue-bg)}.film-poster-card.film-poster-done{border-color:var(--green);background:var(--green-bg)}.film-poster-thumb{width:64px;aspect-ratio:2 / 3;object-fit:cover;border-radius:6px;flex-shrink:0;background:var(--bg3)}.film-poster-info{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;flex:1}.film-poster-title{font-size:14px;font-weight:600;color:var(--text0)}.film-poster-title-fr{font-weight:400;color:var(--text2)}.film-poster-meta{font-size:12px;color:var(--text2)}.film-chat-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.film-chat-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line1);flex-shrink:0}.film-chat-header-title{font-weight:600;font-size:13.5px;flex:1}.film-chat-segment-picker{display:flex;align-items:center;gap:4px;border:none;background:none;color:inherit;font:inherit;font-weight:600;font-size:13.5px;padding:4px 6px;border-radius:6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.film-chat-segment-picker:hover{background:var(--bg3)}.film-segment-mastered{display:flex;align-items:center;gap:10px;color:var(--green, #3a6d12);font-weight:600;font-size:13px}.film-segment-score{font-size:12px;color:var(--muted)}.film-chat-error{color:var(--red, #b3261e);font-size:.85em}.film-chat-footer{border-top:1px solid var(--line1);padding:10px 14px;display:flex;flex-direction:column;align-items:center;gap:8px}.film-ask-bar{display:flex;gap:8px;width:100%;align-items:flex-end}.film-ask-bar textarea{flex:1;resize:none;border:1px solid var(--line2);border-radius:8px;padding:8px 10px;font-size:13px;font-family:var(--font);background:var(--bg1);color:var(--text0);outline:none;line-height:1.4}.film-ask-bar textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #1a5fa826}.film-ask-bar .button.primary{padding:0 12px;height:36px}.film-restart-btn{height:36px;padding:0 10px}.film-ask-loading{display:flex;align-items:center;gap:6px;color:var(--text2);font-size:.9em}.film-clip-modal{position:relative;background:var(--bg1);border-radius:12px;padding:16px;width:min(720px,94vw);max-height:90vh;max-height:90dvh;overflow-y:auto}.film-clip-modal-close{position:absolute;top:10px;right:10px;z-index:2}.film-continue-btn{display:flex;align-items:center;gap:6px}.film-segment-done{display:flex;align-items:center;gap:12px;color:var(--green, #3a6d12);font-weight:600}.film-segment-done span{display:flex;align-items:center;gap:6px}.bubble.film-dialogue-card{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg2)}.bubble.film-inline-dialogue{background:var(--bg2);max-width:100%}.film-inline-dialogue-title{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:8px}.film-inline-dialogue-lines{max-height:420px;overflow-y:auto}.film-dialogue-line-body{display:flex;align-items:flex-start;gap:6px;width:100%}.dialogue-line.self .film-dialogue-line-body{flex-direction:row-reverse}.film-dialogue-line-body .dialogue-bubble{flex:1;min-width:0}.film-dialogue-line-body .dialogue-line-actions{flex-shrink:0;margin-top:0;opacity:0;transition:opacity .15s}.dialogue-line:hover .film-dialogue-line-body .dialogue-line-actions,.dialogue-line.active .film-dialogue-line-body .dialogue-line-actions{opacity:1}.film-inline-dialogue .dialogue-tts-btn,.film-dialogue-modal .dialogue-tts-btn{width:26px;height:26px;padding:0;justify-content:center}.film-inline-dialogue .dialogue-jp,.film-dialogue-modal .dialogue-jp{font-size:1.3em}.film-inline-dialogue .dialogue-fr,.film-dialogue-modal .dialogue-fr{font-size:.95em}.film-inline-dialogue .dialogue-speaker,.film-dialogue-modal .dialogue-speaker{font-size:12px}.film-inline-dialogue-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;flex-wrap:wrap}.film-inline-dialogue-controls-left{display:flex;align-items:center;gap:8px}.film-inline-dialogue-fr-toggle{min-width:108px;justify-content:center}.film-inline-dialogue-controls .dialogue-next-btn,.film-inline-dialogue-controls .dialogue-continue-btn{width:auto;flex:1;max-width:240px}.film-dialogue-done-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%}.film-dialogue-done-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.film-dialogue-done-actions .button{height:36px;white-space:nowrap}.bubble.film-vocab-card{background:var(--blue-bg);text-align:center}.film-assoc-block{display:flex;flex-direction:column}.film-assoc-row{display:flex;align-items:center;gap:8px;margin:6px 0}.film-assoc-num{color:var(--text2);font-size:13px;flex-shrink:0}.film-assoc-item{flex-shrink:0}.film-assoc-speak{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1px solid var(--line1);border-radius:999px;background:var(--bg1);color:var(--text1);cursor:pointer}.film-assoc-speak:hover{background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.film-assoc-slot{flex:1;min-height:36px;border:1.5px dashed var(--line1);border-radius:8px;background:var(--bg2);padding:6px 10px;text-align:left;color:var(--text2);font:inherit;cursor:default}.film-assoc-slot.filled{border-style:solid;background:var(--bg1);color:var(--text0);cursor:pointer}.film-assoc-slot-correct{border-style:solid;border-color:var(--green);background:var(--green-bg);color:var(--green);font-weight:700}.film-assoc-slot-wrong{border-style:solid;border-color:#d9534f;background:#fde8e8;color:#d9534f}.film-assoc-pool{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.film-assoc-chip{background:var(--bg1);border:1px solid var(--line1);border-radius:8px;padding:7px 12px;cursor:pointer;color:var(--text0)}.film-assoc-chip:hover:not(:disabled){background:var(--blue-bg);border-color:var(--blue)}.film-assoc-chip:disabled{opacity:.45;cursor:default}.film-assoc-validate{width:100%;margin-top:10px}.film-freetext-block{display:flex;flex-direction:column;gap:8px}.film-freetext-sentence-row{display:flex;align-items:flex-start;gap:8px}.film-freetext-sentence{flex:1;background:var(--bg2);border-radius:8px;padding:10px 12px;font-size:17px}.film-freetext-speak{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:3px 7px;border:1px solid var(--line1);border-radius:6px;background:transparent;color:var(--text2);cursor:pointer;margin-top:4px}.film-freetext-speak:hover{background:var(--bg3);color:var(--text0)}.film-freetext-hint-note{margin:0;font-size:12px;font-style:italic;color:var(--text2)}.settings-progress-section{display:flex;flex-direction:column;gap:4px}.settings-progress-controls{display:flex;align-items:center;gap:6px}.settings-progress-controls select{max-width:210px}.settings-progress-message{display:block;font-size:12px;color:var(--muted);padding:4px 0}.srs-settings-section{display:flex;flex-direction:column;gap:9px}.srs-settings-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.srs-settings-row .admin-input{width:86px;min-height:34px}.srs-preset-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.srs-preset-group .button{min-height:32px;padding:4px 7px;font-size:12px}.srs-preset-group .button.active{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.srs-settings-types{display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;font-size:13px}.srs-settings-types>span{width:100%;font-size:14px}.srs-settings-types label{white-space:nowrap}.srs-settings-hint{color:var(--text2);font-size:11px;line-height:1.35}.srs-stats-summary{display:flex;flex-direction:column;gap:6px;margin-top:5px;padding:10px;border:1px solid var(--line1);border-radius:8px;background:var(--bg2);font-size:12px}.srs-stats-summary>div{display:flex;justify-content:space-between;gap:8px}.srs-stats-summary span,.srs-stats-summary small{color:var(--text2)}.srs-stats-summary b{text-align:right;font-weight:600}.srs-stats-summary>.srs-forecast{flex-direction:column;justify-content:flex-start;gap:4px}.srs-forecast-chart{display:flex;align-items:flex-end;gap:6px;height:52px;padding-bottom:2px;border-bottom:1px solid var(--line1)}.srs-forecast-bar-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}.srs-forecast-bar-count{font-size:10px;color:var(--text2)}.srs-forecast-bar{width:100%;min-height:2px;border-radius:3px 3px 0 0;background:var(--line1)}.srs-forecast-bar-col-today .srs-forecast-bar{background:var(--blue)}.srs-stats-summary>.srs-leech-list{flex-direction:column;justify-content:flex-start;gap:6px}.srs-leech-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:6px 0;border-top:1px solid var(--line1)}.srs-leech-row-suspended{opacity:.5}.srs-leech-info{display:flex;flex-direction:column;gap:1px}.srs-leech-jp{color:var(--text1);font-weight:600}.srs-leech-actions{display:flex;gap:6px}.srs-leech-actions .button{padding:3px 8px;font-size:11px}.srs-leech-message{width:100%}@media(max-width:480px){.srs-settings-row{align-items:flex-start;flex-direction:column}.srs-preset-group{justify-content:flex-start}.srs-stats-summary>div{flex-direction:column;gap:1px}.srs-stats-summary b{text-align:left}.srs-stats-summary>.srs-forecast,.srs-stats-summary>.srs-leech-list{flex-direction:column}}.film-exercise-library{display:flex;flex-direction:column;gap:8px}.film-exercise-segment{display:flex;flex-direction:column;gap:4px}.film-exercise-segment-head{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:inherit;font-size:12.5px;font-weight:600;cursor:pointer;text-align:left}.film-exercise-segment-head .film-exercise-count{margin-left:auto;font-weight:400;color:var(--muted)}.film-exercise-row{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px 5px 22px;border:none;border-radius:6px;background:transparent;color:inherit;font-size:12px;cursor:pointer;text-align:left}.film-exercise-row:hover{background:var(--bg2)}.film-exercise-row .film-exercise-tag{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-exercise-row .film-exercise-solved{margin-left:auto;color:var(--green, #34a853);flex-shrink:0}.film-exercise-back,.film-exercise-retry{align-self:flex-start}.film-objectives-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.film-objectives-list li{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text1)}.film-objectives-compact{display:none}.film-vocab-jp{font-size:20px;font-weight:600;color:var(--text0)}.film-vocab-reading{font-size:13px;color:var(--text2);margin-top:2px}.film-vocab-meaning{font-size:14px;color:var(--text1);margin-top:6px}.film-exercise-block{width:100%}.film-fill-blank-row{display:flex;gap:8px;margin-top:10px}.film-exercise-hint-link{display:inline-block;margin-top:8px;padding:0;border:none;background:none;color:var(--text2);font-size:12px;font-style:italic;text-decoration:underline;cursor:pointer}.film-exercise-hint-link:hover{color:var(--text1)}.film-exercise-hint{margin:8px 0 0;color:var(--text2);font-size:12px;font-style:italic}.film-clip-viewer{display:flex;flex-direction:column;gap:10px}.film-clip-video-wrap{position:relative;background:#000;border-radius:12px;overflow:hidden}.film-clip-video{width:100%;max-height:360px;display:block}.film-clip-video-wrap:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.film-clip-video-wrap:fullscreen,.film-clip-video-wrap.film-clip-css-fullscreen{display:flex;align-items:center;justify-content:center}.film-clip-video-wrap.film-clip-css-fullscreen{position:fixed;inset:0;z-index:500;width:100vw;height:100dvh;border-radius:0}.film-clip-video-wrap:fullscreen .film-clip-video,.film-clip-video-wrap.film-clip-css-fullscreen .film-clip-video{max-height:none;height:100%;width:100%;object-fit:contain}.film-clip-fs-subtitle{position:absolute;left:50%;bottom:64px;transform:translate(-50%);max-width:85%;padding:6px 14px;border-radius:10px;background:#0000009e;color:#fff;text-align:center;pointer-events:none}.film-clip-fs-speaker{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.film-clip-fs-jp{font-size:18px;font-weight:500;line-height:1.4}.film-clip-fs-jp rt{font-size:.4em;color:#ddd}.film-clip-fs-fr{margin-top:3px;font-size:13px;font-style:italic;color:#eee}.film-clip-fs-controls{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:6px 10px 8px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);transition:opacity .2s}.film-clip-fs-seek-row{display:flex;align-items:center;gap:8px}.film-clip-fs-seek{flex:1;width:100%;height:4px;accent-color:var(--blue);cursor:pointer}.film-clip-fs-time{font-size:12px;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}.film-clip-fs-buttons-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 6px}.film-clip-fs-controls button{display:flex;align-items:center;gap:4px;padding:6px 8px;min-height:32px;border:none;border-radius:8px;background:#ffffff1f;color:#fff;cursor:pointer;font-size:12px}.film-clip-fs-controls button:hover{background:#ffffff38}.film-clip-fs-controls button.active{background:var(--blue)}.film-clip-fs-volume-group{display:flex;align-items:center}.film-clip-fs-volume{width:0;height:4px;margin-left:0;accent-color:var(--blue);cursor:pointer;opacity:0;overflow:hidden;transition:width .2s ease,opacity .2s ease,margin-left .2s ease}.film-clip-fs-volume-group:hover .film-clip-fs-volume,.film-clip-fs-volume-group:focus-within .film-clip-fs-volume{width:80px;margin-left:6px;opacity:1}.film-clip-controls-hidden .film-clip-fs-controls{opacity:0;pointer-events:none}.film-clip-video-wrap:fullscreen .film-clip-fs-subtitle,.film-clip-video-wrap.film-clip-css-fullscreen .film-clip-fs-subtitle{bottom:96px;padding:10px 22px}.film-clip-video-wrap:fullscreen .film-clip-fs-speaker,.film-clip-video-wrap.film-clip-css-fullscreen .film-clip-fs-speaker{font-size:13px;margin-bottom:4px}.film-clip-video-wrap:fullscreen .film-clip-fs-jp,.film-clip-video-wrap.film-clip-css-fullscreen .film-clip-fs-jp{font-size:32px;line-height:1.5}.film-clip-video-wrap:fullscreen .film-clip-fs-fr,.film-clip-video-wrap.film-clip-css-fullscreen .film-clip-fs-fr{margin-top:6px;font-size:18px}.film-clip-video-wrap:fullscreen .film-clip-fs-controls,.film-clip-video-wrap.film-clip-css-fullscreen .film-clip-fs-controls{gap:8px;padding:10px 16px 16px}.film-clip-video-wrap:fullscreen .film-clip-fs-buttons-row,.film-clip-video-wrap.film-clip-css-fullscreen .film-clip-fs-buttons-row{flex-wrap:nowrap;gap:10px}.film-clip-video-wrap:fullscreen .film-clip-fs-controls button,.film-clip-video-wrap.film-clip-css-fullscreen .film-clip-fs-controls button{padding:10px 16px;min-height:42px;font-size:14px}.film-clip-lines{max-height:320px}.film-clip-lines-hint{margin:0 0 4px;font-size:11px;color:var(--text2);font-style:italic}.film-clip-speaker,.film-inline-dialogue-speaker{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding-left:4px;margin-bottom:2px}.film-speaker-0{color:var(--film-speaker-0)}.film-speaker-1{color:var(--film-speaker-1)}.film-speaker-2{color:var(--film-speaker-2)}.film-speaker-3{color:var(--film-speaker-3)}.film-speaker-4{color:var(--film-speaker-4)}.film-clip-bubble.film-speaker-0,.film-inline-dialogue-bubble.film-speaker-0{border-left:3px solid var(--film-speaker-0)}.film-clip-bubble.film-speaker-1,.film-inline-dialogue-bubble.film-speaker-1{border-left:3px solid var(--film-speaker-1)}.film-clip-bubble.film-speaker-2,.film-inline-dialogue-bubble.film-speaker-2{border-left:3px solid var(--film-speaker-2)}.film-clip-bubble.film-speaker-3,.film-inline-dialogue-bubble.film-speaker-3{border-left:3px solid var(--film-speaker-3)}.film-clip-bubble.film-speaker-4,.film-inline-dialogue-bubble.film-speaker-4{border-left:3px solid var(--film-speaker-4)}.film-clip-line-body{display:flex;align-items:flex-start;gap:6px;width:100%}.film-clip-bubble{flex:1;min-width:0;padding:10px 12px}.film-clip-line-actions{display:flex;flex-direction:column;gap:4px;flex-shrink:0;opacity:0;transition:opacity .15s}.film-clip-line-body:hover .film-clip-line-actions,.karaoke-active .film-clip-line-actions,.film-clip-line-actions:has(.film-clip-action-btn.active){opacity:1}.film-clip-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--line1);border-radius:6px;background:var(--bg1);color:var(--text2);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.film-clip-action-btn.active{color:var(--blue);border-color:var(--blue)}.film-clip-action-btn:hover{color:var(--text0);background:var(--bg3)}.film-clip-lines .karaoke-jp{font-size:19px}.film-clip-lines .karaoke-fr{font-size:14px}.film-clip-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.film-clip-controls-left,.film-clip-controls-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.film-clip-loop-indicator{color:var(--blue);border-color:var(--blue)}.film-clip-message{width:100%}.film-clip-message .film-clip-video-wrap{position:sticky;top:0;z-index:2;box-shadow:0 4px 10px #00000040}.film-clip-message .film-clip-video-wrap.film-clip-css-fullscreen{position:fixed;top:0;z-index:500}.kana-review-libcard{border-color:color-mix(in srgb,var(--purple) 45%,var(--line2));background:color-mix(in srgb,var(--purple) 6%,var(--bg1))}.kana-review-libcard:hover{border-color:var(--purple);background:color-mix(in srgb,var(--purple) 12%,var(--bg1))}.kana-review-libcard .bank-card-title{color:var(--purple)}.kana-review-card{gap:20px}.kana-review-kana-big{display:flex;align-items:center;gap:10px;font-size:4.4em;font-weight:700;color:var(--text0);line-height:1}.kana-review-kana-answer{animation:review-fade .18s ease}.kana-review-romaji-front{display:flex;flex-direction:column;align-items:center;gap:10px}.kana-review-romaji-big{font-size:2.6em;font-weight:700;color:var(--text0);text-transform:lowercase}.kana-review-hint{color:var(--text2);font-size:.85em}.kana-review-romaji-answer{font-size:1.8em;font-weight:700;color:var(--purple);text-transform:lowercase}.kana-review-example-romaji{color:var(--text2);font-size:.85em;font-style:italic}.kana-review-title-badge{flex:1;text-align:center;font-size:11px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kana-review-done-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.kana-review-done-actions .button{justify-content:center;width:100%}.kana-review-callout{margin:0 12px 10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg2)}.kana-review-callout-text{font-size:12px;color:var(--text2);margin-bottom:8px}.kana-review-callout-btns{display:flex;gap:8px}.kana-review-callout-btns .tool-btn{flex:1}.kana-review-callout-glyph{font-size:15px;line-height:1}.kana-review-invite{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.kana-review-invite-text{font-size:12.5px;color:var(--text2);margin:0 0 10px}.kana-review-invite-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.kana-review-invite-btn{display:inline-flex;align-items:center;gap:6px}.kana-review-invite-glyph{font-size:16px;line-height:1}.kana-review-drawer-section .kana-review-callout-btns{margin-top:2px}@media(max-width:480px){.kana-review-callout-btns,.kana-review-invite-btns{flex-direction:column}.kana-review-invite-btn{justify-content:center;width:100%}.kana-review-kana-big{font-size:3.4em}.kana-review-romaji-big{font-size:2.1em}}.message-badges{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.verdict-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px}.verdict-badge svg{flex-shrink:0}.verdict-badge-correct{color:var(--green);background:var(--green-bg)}.verdict-badge-wrong{color:var(--red);background:var(--red-bg)}.verdict-badge-missing{color:var(--amber);background:var(--amber-bg);margin-top:6px}.karaoke-speaker-prefix{display:inline-block;margin-right:6px;font-size:11px;font-weight:700;vertical-align:middle}.karaoke-speaker-prefix.karaoke-speaker-0{color:var(--film-speaker-0)}.karaoke-speaker-prefix.karaoke-speaker-1{color:var(--film-speaker-1)}.karaoke-speaker-prefix.karaoke-speaker-2{color:var(--film-speaker-2)}.karaoke-speaker-prefix.karaoke-speaker-3{color:var(--film-speaker-3)}.karaoke-speaker-prefix.karaoke-speaker-4{color:var(--film-speaker-4)}.karaoke-bubble.karaoke-speaker-0{border-left:3px solid var(--film-speaker-0)}.karaoke-bubble.karaoke-speaker-1{border-left:3px solid var(--film-speaker-1)}.karaoke-bubble.karaoke-speaker-2{border-left:3px solid var(--film-speaker-2)}.karaoke-bubble.karaoke-speaker-3{border-left:3px solid var(--film-speaker-3)}.karaoke-bubble.karaoke-speaker-4{border-left:3px solid var(--film-speaker-4)}.settings-headless-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px}.settings-headless-row span{font-size:13px;color:var(--text0)}.settings-headless-hint{margin:2px 0 0;font-size:12px;color:var(--text2);line-height:1.4;max-width:34ch}.button.soft.active{background:var(--blue-bg);color:var(--blue)}.headless-overlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg0);color:var(--text0);padding:24px;text-align:center}.headless-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid var(--line2);border-radius:8px;color:inherit;cursor:pointer}.headless-close:hover{background:var(--bg2)}.headless-block{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:34ch}.headless-block-label{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.headless-question-text{margin:0;font-size:1rem;font-weight:600}.headless-result{font-size:1.3rem;font-weight:700;margin:0}.headless-result-correct{color:var(--green)}.headless-result-wrong{color:var(--red, #ef4444)}.headless-status{display:flex;flex-direction:column;align-items:center;gap:12px}.headless-status-listening{color:var(--green)}.headless-status-speaking{color:var(--blue)}.headless-status-paused{color:var(--amber)}.headless-label{font-size:1.2rem;margin:0}.headless-transcript{opacity:.75;font-size:1rem;max-width:30ch;margin:0}.headless-reply-text{opacity:.85;font-size:.95rem;max-width:34ch;margin:0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.headless-multipart-progress{opacity:.7;font-size:.85rem;margin:0}.headless-event-text{opacity:.6;font-size:.85rem;max-width:30ch;margin:0}.headless-pulse{animation:headless-pulse 1.4s ease-in-out infinite}@keyframes headless-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.headless-pause{min-width:140px;min-height:48px}.headless-hint-text{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;font-size:.8rem;opacity:.5;margin:0}.book-overlay{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg0)}.book-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.book-back-link{background:none;border:none;color:var(--blue);cursor:pointer;font:inherit;padding:0}.book-back-link:hover{text-decoration:underline}.book-library{display:flex;flex-direction:column;gap:16px;padding:16px;overflow-y:auto}.book-library-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.book-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1.5px solid var(--blue);background:var(--blue-bg);color:var(--blue);font-size:13px;font-weight:600;cursor:pointer}.book-upload-btn:hover{opacity:.85}.book-upload-error{margin:0;padding:8px 12px;border-radius:8px;background:var(--amber-bg);color:var(--amber);font-size:13px}.book-library-empty{color:var(--text2);font-size:13px;text-align:center;padding:24px 0}.book-tadoku-suggestion{display:flex;flex-shrink:0;width:100%;margin:0 0 14px;border:1px solid color-mix(in srgb,var(--purple) 35%,var(--line2));border-radius:10px;overflow:hidden}.book-tadoku-suggestion-catalog,.book-tadoku-suggestion-next{min-width:0;padding:10px 14px;border:0;background:color-mix(in srgb,var(--purple) 6%,var(--bg1));color:var(--text1);font-size:13px;text-align:left;cursor:pointer}.book-tadoku-suggestion-catalog{flex:1 1 48%}.book-tadoku-suggestion-next{flex:1 1 52%;border-left:1px solid color-mix(in srgb,var(--purple) 35%,var(--line2));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-tadoku-suggestion-catalog:hover,.book-tadoku-suggestion-next:hover{background:color-mix(in srgb,var(--purple) 10%,var(--bg1))}.book-tadoku-suggestion-catalog:focus-visible,.book-tadoku-suggestion-next:focus-visible{position:relative;outline:2px solid var(--blue);outline-offset:-2px}.book-tadoku-suggestion-catalog:disabled,.book-tadoku-suggestion-next:disabled{cursor:wait;opacity:.65}@media(max-width:520px){.book-tadoku-suggestion{flex-direction:column}.book-tadoku-suggestion-next{border-top:1px solid color-mix(in srgb,var(--purple) 35%,var(--line2));border-left:0}}.book-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.book-card{display:flex;flex-direction:column;gap:6px}.book-card-open{display:flex;flex-direction:column;gap:4px;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.book-card-open:disabled{cursor:default;opacity:.7}.book-card-cover{width:100%;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px;border:1px solid var(--line2);background:var(--bg2)}.book-card-cover-placeholder{display:flex;align-items:center;justify-content:center;padding:8px;text-align:center;font-size:12px;font-weight:600;color:var(--text1)}.book-card-title{font-size:13px;font-weight:600;line-height:1.3}.book-card-author{font-size:11px;color:var(--text2)}.book-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.book-status-badge{font-size:11px;padding:2px 8px;border-radius:999px}.book-status-processing{background:var(--blue-bg);color:var(--blue);animation:book-status-pulse 1.4s ease-in-out infinite}.book-status-error{background:var(--amber-bg);color:var(--amber)}.book-status-badge-audio{background:var(--bg2);color:var(--text1)}.book-status-badge-tadoku{background:color-mix(in srgb,var(--purple) 14%,transparent);color:var(--purple)}.book-status-success,.book-coverage-high{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.book-coverage-mid{background:var(--amber-bg);color:var(--amber)}.book-coverage-low{background:color-mix(in srgb,var(--red, #ef4444) 14%,transparent);color:var(--red, #ef4444)}@keyframes book-status-pulse{0%,to{opacity:1}50%{opacity:.5}}.book-card-progress{width:100%;height:4px;border-radius:2px;background:var(--line2);overflow:hidden}.book-card-progress-fill{height:100%;background:var(--green);border-radius:2px;transition:width .2s}.book-card-delete-btn{background:none;border:1px solid var(--line2);border-radius:6px;color:var(--text2);font-size:11px;padding:2px 8px;cursor:pointer}.book-card-delete-btn:hover{border-color:var(--rose);color:var(--rose)}.book-card-ocr-btn{background:none;border:1px solid var(--line2);border-radius:6px;color:var(--blue);font-size:11px;padding:2px 8px;cursor:pointer}.book-card-ocr-btn:disabled{opacity:.6;cursor:wait}.book-card-reread{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%}.book-status-badge-reread{background:color-mix(in srgb,var(--purple) 14%,transparent);color:var(--purple)}.book-card-reread-speed{font-size:11px;color:var(--text2)}.book-card-reread-btn{background:none;border:1px solid var(--purple);border-radius:6px;color:var(--purple);font-size:11px;padding:2px 8px;cursor:pointer}.book-card-reread-btn:hover{background:color-mix(in srgb,var(--purple) 14%,transparent)}.book-reader{display:flex;flex-direction:column;flex:1;min-height:0}.book-reader-toolbar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line1);flex-shrink:0}.book-reader-chapter-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--text1)}.book-reader-toolbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.book-reader-toolbar-actions .icon-button:disabled{opacity:.35;cursor:default}.book-audio-toggle-active{background:var(--blue-bg);color:var(--blue);border-color:var(--blue)}.book-toc,.book-settings-panel,.book-highlights-panel{flex-shrink:0;max-height:40vh;overflow-y:auto;background:var(--bg1);border-bottom:1px solid var(--line1);padding:10px 14px}.book-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.book-toc-item{display:block;width:100%;text-align:left;padding:7px 10px;border:none;border-radius:6px;background:none;color:var(--text1);font:inherit;font-size:13px;cursor:pointer}.book-toc-item:hover{background:var(--bg2);color:var(--text0)}.book-toc-item-active{background:var(--blue-bg);color:var(--blue);font-weight:600}.book-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;color:var(--text1)}.book-settings-row:not(:last-child){border-bottom:1px solid var(--line1)}.book-settings-row input[type=range]{width:140px}.book-settings-toggle-group{display:flex;gap:6px}.book-settings-btn{padding:5px 10px;border:1px solid var(--line2);border-radius:6px;background:var(--bg2);color:var(--text1);font-size:12px;cursor:pointer}.book-settings-btn-active{border-color:var(--blue);background:var(--blue-bg);color:var(--blue);font-weight:600}.book-reader-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:20px}.book-reader-loading{margin:auto;color:var(--text2);font-size:13px}.book-theme-light{background:#faf9f7;color:#1a1918}.book-block{margin:0 0 1em}.book-heading{margin:1.5em 0 .75em;font-size:1.15em;font-weight:700}.book-block-img{display:block;max-width:100%;height:auto;margin:1em auto;border-radius:4px}.book-reader-text{font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif}.book-reader-text.bk-horizontal{flex:1;min-height:0;overflow-y:auto;max-width:42em;margin:0 auto}.book-reader-text.bk-vertical{writing-mode:vertical-rl;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;direction:ltr;overscroll-behavior:contain;scroll-behavior:smooth}.book-reader-text.bk-vertical.bk-paginated{scroll-snap-type:x mandatory}.book-reader-text.bk-vertical.bk-paginated .book-block{scroll-snap-align:end}.book-reader-text.bk-horizontal.bk-paginated{scroll-snap-type:y mandatory}.book-reader-text.bk-horizontal.bk-paginated .book-block{scroll-snap-align:start}.book-page-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding-top:10px}.book-page-button{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line2);border-radius:6px;background:var(--bg1);color:var(--text1);padding:6px 9px;font:inherit;font-size:12px;cursor:pointer}.book-page-button:hover{background:var(--bg2);color:var(--text0)}.book-page-hint{color:var(--text2);font-size:11px;text-align:center}.book-theme-dark{background:#16161a;color:#e8e6e3}.book-theme-sepia{background:#f4ecd8;color:#4b3f2f}.bk-tok{cursor:pointer}.bk-tok:hover,.bk-tok.bk-tok-active{background:#78a0ff40;border-radius:3px}.bk-block-speaking{background:var(--blue-bg);border-radius:6px;transition:background .25s ease}.book-reader-text,.book-extracted-text-wrap,.bk-page-layer{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@media(hover:none)and (pointer:coarse){.book-reader-text,.book-extracted-text-wrap,.bk-page-layer,.bk-page-layer-word{-webkit-user-select:none;user-select:none}}.bk-tok.bk-sel-active,.book-extracted-token.bk-sel-active,.bk-page-layer-word.bk-sel-active{background:#4084f459;border-radius:2px}.book-reader-text.bk-touch-armed{touch-action:none}.pdf-reader{display:flex;flex:1;min-height:0;flex-direction:column;background:var(--bg2)}.pdf-reader-toolbar,.pdf-reader-page-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;padding:10px 14px;background:var(--bg1);border-bottom:1px solid var(--line1)}.pdf-reader-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text1);font-size:13px;font-weight:600}.pdf-reader-toolbar-actions{display:flex;gap:6px}.pdf-reader-page-controls{justify-content:center;border-top:0}.pdf-reader-page-number{display:inline-flex;align-items:center;gap:6px;color:var(--text2);font-size:12px}.pdf-reader-page-number input{width:4.5em;padding:5px 6px;border:1px solid var(--line2);border-radius:5px;background:var(--bg0);color:var(--text0);font:inherit;text-align:center}.pdf-reader-viewport{position:relative;display:flex;flex:1;min-height:0;align-items:center;justify-content:center;overflow:auto;padding:12px}.pdf-reader-canvas{display:block;flex:none;max-width:none;box-shadow:0 2px 12px #00000040;background:#fff}.pdf-reader-render-error{position:absolute;inset:auto 16px 16px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;border:1px solid var(--amber);border-radius:8px;background:var(--bg1);color:var(--amber);font-size:12px}.pdf-reader-text-section{flex-shrink:0;max-height:35vh;overflow:auto;border-top:1px solid var(--line1);background:var(--bg1)}.pdf-reader-text-toggle{display:inline-flex;align-items:center;gap:6px;margin:8px 14px;border:none;background:none;color:var(--blue);font:inherit;font-size:12px;cursor:pointer}.pdf-reader-extracted-text,.book-extracted-text{margin:0;padding:0 14px 14px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text1);font:14px/1.7 "Noto Serif JP",Hiragino Mincho ProN,serif}.book-extracted-text-section{padding-bottom:2px}.book-extracted-text-label{margin:0;padding:0 14px 6px;color:var(--text2);font-size:12px}.book-extracted-text-wrap{position:relative}.book-extracted-token{cursor:pointer}.book-extracted-token:hover{background:color-mix(in srgb,var(--blue) 15%,transparent)}.pdf-reader-no-text{flex-shrink:0;margin:0;padding:8px 14px;border-top:1px solid var(--line1);background:var(--bg1);color:var(--text2);font-size:12px}.bk-page-layer{position:absolute;top:0;left:0;overflow:hidden;z-index:2}.bk-page-layer-word{position:absolute;color:transparent;cursor:pointer;white-space:pre;line-height:1;overflow:hidden;-webkit-user-select:text;user-select:text}.bk-page-layer-word::selection{background:#4084f459}.bk-page-layer-gap{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none;color:transparent;white-space:pre}.bk-page-hl{border-radius:2px}.bk-page-hl-1{background:#ffeb3b73}.bk-page-hl-2{background:#4caf5059}.bk-page-hl-3{background:#2196f34d}.bk-page-hl-4{background:#ff980059}.bk-page-hl-5{background:#e91e634d}.image-page-reader{display:flex;flex:1;min-height:0;flex-direction:column;background:var(--bg2)}.image-page-reader-viewport{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;overflow:auto;padding:12px}.image-page-reader-frame{position:relative;display:block;flex:none;max-width:100%;max-height:100%}.image-page-reader-image{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 12px #00000038}.book-audio-player{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;justify-content:flex-end}.book-audio-player-hidden{display:none}.book-audio-label{color:var(--text1);font-size:12px;font-weight:600;white-space:nowrap}.book-audio-player audio{flex:1;min-width:110px;max-width:440px;height:32px}.book-audio-status{color:var(--text2);font-size:12px;white-space:nowrap}@media(max-width:899px){.book-audio-label{display:none}}@media(max-width:720px){.book-toolbar-audio-on .book-reader-chapter-title,.book-toolbar-audio-on .pdf-reader-title{display:none}}@media(max-width:520px){.book-back-label{display:none}.book-reader-toolbar,.pdf-reader-toolbar{gap:8px;padding:8px 10px}}.book-storage-usage{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--text2);font-size:12px}.book-storage-meter{width:min(220px,38vw);height:6px;overflow:hidden;border-radius:999px;background:var(--line1)}.book-storage-meter-fill{height:100%;border-radius:inherit;background:var(--blue)}.book-add-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:9000;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 4px 16px #00000040;pointer-events:none}.book-add-toast-ok{background:var(--green-bg);color:var(--green)}.book-add-toast-dup{background:var(--amber-bg);color:var(--amber)}.book-hl-bar{position:fixed;z-index:10000;display:flex;gap:7px;padding:6px;border-radius:12px;background:var(--bg0);box-shadow:0 2px 8px #0000002e;transform:translate(-50%);pointer-events:auto}.book-hl-dot{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.12);padding:0;cursor:pointer}.book-hl-dot-1{background:#ffeb3b}.book-hl-dot-2{background:#4caf50}.book-hl-dot-3{background:#2196f3}.book-hl-dot-4{background:#ff9800}.book-hl-dot-5{background:#e91e63}.bk-hl{border-radius:2px}.bk-hl-1{background:#ffeb3b73}.bk-hl-2{background:#4caf5059}.bk-hl-3{background:#2196f34d}.bk-hl-4{background:#ff980059}.bk-hl-5{background:#e91e634d}.book-highlights-empty{padding:10px 4px;color:var(--text2);font-size:13px;text-align:center}.book-highlights-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.book-highlight-item{display:flex;align-items:center;gap:4px}.book-highlight-jump{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;border:none;border-radius:8px;background:transparent;color:var(--text0);cursor:pointer;text-align:left;font:inherit}.book-highlight-jump:hover{background:var(--bg2)}.book-hl-swatch{flex-shrink:0;width:11px;height:11px;border-radius:50%}.book-highlight-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.book-highlight-chapter{flex-shrink:0;font-size:11px;color:var(--text2)}.book-highlight-delete{flex-shrink:0;border:none;background:transparent;cursor:pointer;padding:6px;border-radius:8px;font-size:13px}.book-highlight-delete:hover{background:var(--bg2)}.book-block-img{cursor:zoom-in}.book-img-zoom{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#000000e6;cursor:zoom-out}.book-img-zoom img{max-width:95%;max-height:95%;object-fit:contain}.book-stats-panel{padding:14px;border:1px solid var(--line1);border-radius:10px;background:var(--bg1)}.book-stats-tadoku-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:13px;font-weight:600}.book-stats-week-chars{color:var(--text2)}.book-stats-weekchart{display:flex;align-items:flex-end;gap:6px;height:56px;margin-bottom:14px;padding-bottom:2px;border-bottom:1px solid var(--line1)}.book-stats-weekbar-col{flex:1;height:100%;display:flex;align-items:flex-end}.book-stats-weekbar{width:100%;min-height:2px;border-radius:3px 3px 0 0;background:var(--line1)}.book-stats-weekbar-col-current .book-stats-weekbar{background:var(--accent)}.book-stats-summary{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.book-stats-metric{display:flex;flex-direction:column;gap:2px}.book-stats-metric-value{font-size:18px;font-weight:700}.book-stats-metric-label{font-size:11px;color:var(--text2)}.book-stats-per-book{list-style:none;margin:0;padding:10px 0 0;border-top:1px solid var(--line1);display:flex;flex-direction:column;gap:6px}.book-stats-book-row{display:flex;align-items:center;gap:10px;font-size:13px}.book-stats-book-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-stats-book-meta{flex-shrink:0;color:var(--text2);font-size:12px}.book-stats-empty{color:var(--text2);font-size:13px}.learning-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;width:100%}.learning-toolbar-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.learning-toolbar-primary{margin-left:auto}.learning-toolbar-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line2);border-radius:8px;background:transparent;color:var(--text1);cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;white-space:nowrap}.learning-toolbar-toggle:hover{background:var(--bg3);color:var(--text0)}.learning-toolbar-toggle.active{background:var(--blue-bg);border-color:var(--blue);color:var(--blue)}.learning-toolbar-toggle:disabled{opacity:.45;cursor:not-allowed}.learning-toolbar-toggle-label{line-height:1}.grammar-capsule{margin-top:10px;padding:12px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2)}.grammar-capsule-label{color:var(--blue);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.grammar-capsule h3{margin:5px 0;font-size:18px}.grammar-capsule p{margin:7px 0}.grammar-capsule-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}@media(max-width:360px){.learning-toolbar-toggle{padding:0 8px;font-size:12px}}.hide-japanese .dialogue-jp{position:relative;visibility:hidden}.learning-toolbar-hide-jp-hint{font-size:11px;color:var(--text2);font-style:italic;padding:0 2px 4px}.dialogue-done-actions-compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dialogue-completion-status{margin:0 14px 8px;font-size:12px;color:var(--text2);font-style:italic}.dialogue-completion-error{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 14px 8px;padding:8px 10px;border-radius:8px;background:#c0392b1a;color:#c0392b;font-size:12px}.roleplay-toolbar{padding:0 14px;margin-bottom:4px}.graded-toolbar{margin-bottom:12px}.grammar-library-modal{max-width:680px;max-height:min(86vh,760px);overflow:auto}.grammar-library-list,.grammar-lesson-view{padding:18px 16px 22px}.grammar-library-section{margin:0 0 26px}.grammar-library-section:last-child{margin-bottom:6px}.grammar-library-list h3{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text2)}.grammar-library-empty{margin:0;padding:10px 2px;color:var(--text2);font-size:13px}.grammar-library-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;border:1px solid var(--line1);border-radius:10px;background:var(--bg1);color:var(--text0);margin:0 0 10px;cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.grammar-library-row:last-child{margin-bottom:0}.grammar-library-row:hover{border-color:var(--line2);background:var(--bg2)}.grammar-library-row:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.grammar-library-row.current{border-color:var(--blue);background:var(--blue-bg)}.grammar-library-row-num{display:grid;flex:0 0 auto;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--bg2);color:var(--text1);font-size:12px;font-weight:700}.grammar-library-row.current .grammar-library-row-num{background:var(--blue);color:var(--bg1)}.grammar-library-row-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.grammar-library-row-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grammar-library-row-body small{display:block;color:var(--text2);font-size:11px}.grammar-library-row-badge{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--bg2);color:var(--text2)}.grammar-library-row-badge-review{background:var(--amber-bg);color:var(--amber)}.grammar-library-row-chevron{flex:0 0 auto;color:var(--text2)}.grammar-lesson-view h2{margin:0 0 16px}.grammar-legacy-note{margin:0 0 16px;padding:10px 12px;border:1px solid var(--line1);border-radius:8px;background:var(--bg2);color:var(--text2);font-size:13px}.grammar-card{border:1px solid var(--border);border-radius:10px;margin:0 0 14px;background:var(--surface);overflow:hidden}.grammar-card:last-child{margin-bottom:0}.grammar-card-legacy{background:var(--bg2);border-style:dashed}.grammar-card-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:transparent;color:var(--text);border:0;text-align:left}.grammar-card-head-static{cursor:default}.grammar-card-head span{display:inline-flex;align-items:center;gap:7px}.grammar-card-head em{font-size:10px;color:var(--text2);font-style:normal}.grammar-card-content{padding:0 14px 16px}.grammar-card-content p{margin:8px 0}.grammar-pattern{padding:10px;border-radius:7px;background:var(--surface2);font-size:19px}.grammar-example{padding:8px 10px;margin:8px 0;border-left:3px solid var(--accent);background:var(--surface2)}.grammar-example span,.grammar-example small{display:block}.grammar-example small{color:var(--text2);margin-top:3px}.grammar-contrast,.grammar-pitfall{font-size:13px;color:var(--text2)}.grammar-card-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.grammar-mixed-btn{margin:16px 0 4px;width:100%}.det-feedback-why{display:block;font-weight:400;margin-top:5px}@media(max-width:520px){.grammar-library-modal{width:calc(100vw - 20px);max-height:92vh}.grammar-library-list,.grammar-lesson-view{padding:14px 10px 18px}.grammar-card-content{padding:0 11px 12px}.grammar-library-row{padding:9px 10px;gap:8px}.grammar-library-row-num{width:24px;height:24px;font-size:11px}.grammar-library-row-title{font-size:13px}.grammar-library-row-badge{padding:2px 7px;font-size:10px}}.bk-assist-popup{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(560px,calc(100vw - 24px));max-height:55vh;overflow-y:auto;background:var(--panel-bg, #fff);color:inherit;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 8px 30px #0000002e;padding:12px 14px;z-index:1300;display:flex;flex-direction:column;gap:8px}.bk-assist-head{display:flex;align-items:center;justify-content:space-between}.bk-assist-title{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.95rem}.bk-assist-close{background:none;border:none;cursor:pointer;padding:4px;line-height:0;color:inherit}.bk-assist-source{margin:0;font-size:.9rem;opacity:.75;border-inline-start:3px solid rgba(0,0,0,.15);padding-inline-start:8px;max-height:5.5em;overflow-y:auto}.bk-assist-body{margin:0;white-space:pre-wrap;line-height:1.5}.bk-assist-loading,.bk-assist-error{margin:0;font-size:.9rem;opacity:.8}.bk-assist-error{color:#b3261e}.bk-assist-question-row{display:flex;gap:8px}.bk-assist-question-row input{flex:1;min-width:0;padding:8px 10px;border:1px solid rgba(0,0,0,.2);border-radius:8px;font:inherit}.bk-assist-question-row button{padding:8px 14px;border:none;border-radius:8px;background:#2563eb;color:#fff;font:inherit;cursor:pointer}.bk-assist-question-row button:disabled{opacity:.5;cursor:default}.book-quiz-trigger:disabled{opacity:.4;cursor:default}.book-quiz-trigger-ready{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 40%,var(--line2))}.book-quiz-overlay{z-index:1400}.book-quiz-popup{display:flex;flex-direction:column;gap:12px;width:min(520px,95vw);max-height:85vh;max-height:85dvh;overflow-y:auto;border:1px solid var(--line2);border-radius:14px;background:var(--bg1);color:var(--text0);box-shadow:0 24px 64px #00000047;padding:16px 18px}.book-quiz-head{display:flex;align-items:center;justify-content:space-between}.book-quiz-title{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:1.05rem}.book-quiz-loading,.book-quiz-error{margin:0;opacity:.85}.book-quiz-error{color:var(--red, #ef4444);opacity:1}.book-quiz-error-block,.book-quiz-score-block{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.book-quiz-progress{margin:0;font-size:.85rem;opacity:.7}.book-quiz-question{margin:0;font-size:1.2rem;line-height:1.6}.book-quiz-hint-toggle{align-self:flex-start;background:none;border:none;padding:0;color:var(--accent, #2563eb);font:inherit;font-size:.85rem;cursor:pointer;text-decoration:underline}.book-quiz-hint{margin:0;font-size:.9rem;opacity:.85;border-inline-start:3px solid rgba(0,0,0,.15);padding-inline-start:8px}.book-quiz-answer-row{display:flex;gap:8px}.book-quiz-answer-row input{flex:1;min-width:0;padding:10px 12px;border:1px solid rgba(0,0,0,.2);border-radius:8px;font:inherit;font-size:1rem}.book-quiz-answer-row button{padding:8px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;font:inherit;cursor:pointer}.book-quiz-answer-row button:disabled{opacity:.5;cursor:default}.book-quiz-result{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:10px}.book-quiz-result-correct{background:var(--green-bg)}.book-quiz-result-partial{background:var(--amber-bg)}.book-quiz-result-wrong{background:color-mix(in srgb,var(--red, #ef4444) 12%,transparent)}.book-quiz-verdict{margin:0;font-weight:600}.book-quiz-result-correct .book-quiz-verdict{color:var(--green)}.book-quiz-result-partial .book-quiz-verdict{color:var(--amber)}.book-quiz-result-wrong .book-quiz-verdict{color:var(--red, #ef4444)}.book-quiz-explanation,.book-quiz-expected{margin:0;font-size:.9rem}.book-quiz-expected{opacity:.75}.book-quiz-next-btn{align-self:flex-end;padding:8px 16px;border:none;border-radius:8px;background:#2563eb;color:#fff;font:inherit;cursor:pointer}.book-quiz-score{margin:0;font-size:2rem;font-weight:700}.book-quiz-encouragement{margin:0;opacity:.85}.book-quiz-close-btn{padding:8px 16px;border:1px solid var(--line2);border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}.book-catalog{display:flex;flex-direction:column;gap:14px;padding:16px;overflow-y:auto}.book-catalog-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.book-catalog-levels{display:flex;flex-wrap:wrap;gap:4px}.book-catalog-level-btn{padding:5px 12px;border:1px solid var(--line1);border-radius:999px;background:var(--bg1);color:var(--text1);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.book-catalog-level-btn:hover{background:var(--bg2);color:var(--text0)}.book-catalog-level-btn.active{background:var(--blue-bg);color:var(--blue);border-color:var(--blue)}.book-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.book-catalog-card{display:flex;flex-direction:column;gap:6px}.book-catalog-card-open{display:flex;flex-direction:column;gap:4px;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.book-catalog-card-open:disabled{cursor:default;opacity:.7}.book-catalog-card-title{font-size:13px;font-weight:600;line-height:1.3}.book-catalog-card-author{font-size:11px;color:var(--text2)}.book-catalog-card-subtitle{font-size:11px;color:var(--text2);line-height:1.3}.book-catalog-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.book-catalog-badge-furigana{background:var(--bg2);color:var(--text1)}.book-catalog-badge-imported{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.book-coverage-badge{font-size:11px;padding:2px 8px;border-radius:999px}.book-catalog-badge-recommended{background:var(--amber-bg);color:var(--amber)}.book-catalog-card-synopsis{margin:0;color:var(--text2);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:520px){.book-catalog{padding:12px;gap:10px}.book-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.book-catalog-toolbar{gap:8px}.book-catalog-levels{gap:3px}.book-catalog-level-btn{padding:4px 9px;font-size:11px}.book-catalog-card-synopsis{-webkit-line-clamp:2}}.book-catalog-grid:has(.book-catalog-card--text){grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.book-catalog-card--text{padding:14px;border:1px solid var(--line1);border-radius:10px;background:var(--bg1);transition:border-color .15s,background .15s}.book-catalog-card--text:has(.book-catalog-card-open:not(:disabled):hover){border-color:var(--blue);background:var(--bg2)}.book-catalog-card--text .book-catalog-card-title{font-size:16px}.book-catalog-card--text .book-catalog-card-synopsis{margin-top:2px;-webkit-line-clamp:3}.books-catalog-level-title{margin:4px 0 -6px;font-size:13px;font-weight:700;color:var(--text1)}.book-catalog-section-title{margin:14px 0 -6px;font-size:13px;font-weight:700;color:var(--text1)}@media(max-width:520px){.book-catalog-card--text{padding:11px}.book-catalog-card--text .book-catalog-card-title{font-size:14px}}::highlight(jp-sel){background-color:#4084f459}.jp-select-custom{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.jp-select-custom input,.jp-select-custom textarea{user-select:text;-webkit-user-select:text}.srs-edit-overlay{position:absolute;inset:0;background:#0f121973;display:flex;align-items:center;justify-content:center;z-index:30;border-radius:inherit}.srs-edit-form{background:var(--bg1);border-radius:12px;padding:16px;width:min(420px,92%);max-height:92%;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.srs-edit-head{display:flex;align-items:center;justify-content:space-between}.srs-edit-form label{font-size:.8rem;font-weight:600;display:flex;flex-direction:column;gap:3px}.srs-edit-form input,.srs-edit-form textarea{font:inherit;font-weight:400;padding:6px 8px;border:1px solid var(--line2);border-radius:8px;background:var(--bg1);color:var(--text0)}.srs-edit-error{color:var(--red, #b3261e);font-size:.8rem;margin:0}.srs-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.srs-example{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 0 0;line-height:2}.srs-example ruby rt{font-size:.55em;color:#6b7280}.srs-example-speak{flex-shrink:0}.srs-components{margin:2px 0 0;display:flex;flex-direction:column;gap:2px;max-width:100%}.srs-components p{margin:0;font-size:14px;color:var(--text2);line-height:1.7}.srs-ask-popup{position:absolute;left:12px;right:12px;bottom:96px;z-index:25;background:var(--bg1);border:1px solid var(--line2);border-radius:12px;box-shadow:0 8px 24px #0f12192e;padding:12px;max-height:60%;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.srs-ask-head{display:flex;align-items:center;justify-content:space-between}.srs-ask-title{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.85rem}.srs-ask-context{font-size:.8rem;color:var(--text2);white-space:pre-wrap;margin:0}.srs-ask-question{font-weight:600;font-size:.85rem;margin:0}.srs-ask-answer{font-size:.85rem;white-space:pre-wrap;margin:2px 0 0}.srs-ask-error{color:var(--red, #b3261e);font-size:.8rem;margin:2px 0 0}.srs-ask-loading{font-size:.8rem;color:var(--text2);margin:0}.srs-ask-form{display:flex;gap:6px}.srs-ask-form input{flex:1;font:inherit;padding:6px 8px;border:1px solid var(--line2);border-radius:8px;background:var(--bg1);color:var(--text0)}.srs-browser{width:min(1280px,96vw);height:min(820px,94dvh);max-height:min(820px,94dvh);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.srs-browser-header{gap:10px}.srs-browser-header>div{flex:1;text-align:center}.srs-browser-header .button{min-height:38px}.srs-browser-toolbar{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line1)}.srs-browser-toolbar>label{display:flex;flex:1;align-items:center;gap:8px;min-width:0;padding:0 10px;border:1px solid var(--line2);border-radius:8px;background:var(--bg2);color:var(--text2)}.srs-browser-toolbar input{width:100%;min-width:0;min-height:38px;border:0;outline:0;background:transparent;color:var(--text0);font:inherit}.srs-browser-toolbar>label:focus-within{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-bg)}.srs-browser-mobile-filter{display:none}.srs-browser-content{display:grid;grid-template-columns:minmax(210px,240px) minmax(360px,1fr) minmax(340px,420px);min-width:0;min-height:0}.srs-browser-nav,.srs-browser-list,.srs-browser-detail{min-width:0;min-height:0;overflow:auto}.srs-browser-nav{padding:10px;border-right:1px solid var(--line1)}.srs-browser-list{border-right:1px solid var(--line1)}.srs-browser-tree{display:flex;flex-direction:column;gap:3px}.srs-browser-deck,.srs-browser-child{display:flex;align-items:center;min-width:0;min-height:44px;border:1px solid transparent;border-radius:7px;color:var(--text1)}.srs-browser-deck.all{width:100%}.srs-browser-deck.all,.srs-browser-deck-label,.srs-browser-child{background:transparent;font:inherit;text-align:left;cursor:pointer}.srs-browser-deck.all,.srs-browser-deck-label{padding:7px 8px}.srs-browser-deck-label{display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px;min-width:0;border:0;color:inherit}.srs-browser-deck span,.srs-browser-child>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srs-browser-deck b,.srs-browser-child b{flex-shrink:0;color:var(--text2);font-size:11px;font-weight:600}.srs-browser-deck.selected,.srs-browser-child.selected{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.srs-browser-deck:hover,.srs-browser-child:hover{background:var(--bg2)}.srs-browser-expand{flex-shrink:0}.srs-browser-children{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px;padding-left:12px}.srs-browser-child{justify-content:space-between;gap:7px;padding:6px 8px}.srs-browser-child>span{display:flex;flex-direction:column;gap:1px}.srs-browser-child strong{font-size:12px;font-weight:600}.srs-browser-child small{color:var(--text2);font-size:10px}.srs-browser-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;width:100%;min-height:64px;padding:9px 12px;border:0;border-bottom:1px solid var(--line1);border-left:3px solid transparent;background:transparent;color:var(--text0);font:inherit;text-align:left;cursor:pointer}.srs-browser-card:hover{background:var(--bg2)}.srs-browser-card.selected{border-left-color:var(--blue);background:var(--blue-bg)}.srs-browser-card-main{display:flex;flex-direction:column;min-width:0;gap:2px}.srs-browser-card-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.srs-browser-card-main span{overflow:hidden;color:var(--text1);text-overflow:ellipsis;white-space:nowrap;font-size:13px}.srs-browser-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--text2)}.srs-browser-card-meta small{font-size:11px}.srs-browser-card-badges{grid-column:1 / -1;display:flex;gap:4px;overflow:hidden}.srs-browser-card-badges em,.srs-browser-statuses span,.srs-browser-state{padding:2px 5px;border-radius:5px;background:var(--bg3);color:var(--text2);font-size:10px;font-style:normal;white-space:nowrap}.srs-browser-detail{padding:15px}.srs-browser-detail.empty,.srs-browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:22px;color:var(--text2);text-align:center}.srs-browser-detail.empty h3,.srs-browser-detail.empty p,.srs-browser-empty h3,.srs-browser-empty p{margin:3px 0}.srs-browser-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.srs-browser-detail-head h3{margin:0;font-size:28px;line-height:1.45}.srs-browser-detail-head p{margin:2px 0 0;color:var(--text2);font-size:13px}.srs-browser-state{flex-shrink:0;background:var(--blue-bg);color:var(--blue)}.srs-browser-preview{display:grid;gap:7px;margin:16px 0;padding:10px;border:1px solid var(--line1);border-radius:9px;background:var(--bg2)}.srs-browser-preview>small{color:var(--text2);font-size:11px}.srs-browser-preview div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px}.srs-browser-preview span{color:var(--text2);font-size:11px;text-transform:uppercase}.srs-browser-preview strong{overflow-wrap:anywhere}.srs-browser-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.srs-browser-stats div{padding:7px;border:1px solid var(--line1);border-radius:7px}.srs-browser-stats dt{color:var(--text2);font-size:10px}.srs-browser-stats dd{margin:2px 0 0;font-size:13px}.srs-browser-statuses{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.srs-browser-sources{margin-top:16px}.srs-browser-sources h4{margin:0;font-size:13px}.srs-browser-sources>p{margin:4px 0 8px;color:var(--text2);font-size:11px;line-height:1.4}.srs-browser-source{display:flex;flex-direction:column;width:100%;min-height:44px;gap:3px;margin-top:6px;padding:8px;border:1px solid var(--line1);border-radius:7px;background:var(--bg1);color:var(--text1);font:inherit;text-align:left;cursor:pointer}.srs-browser-source:hover,.srs-browser-source.selected{border-color:var(--blue);background:var(--blue-bg)}.srs-browser-source strong{font-size:12px}.srs-browser-source small,.srs-browser-source em{color:var(--text2);font-size:11px;font-style:normal}.srs-browser-source span{line-height:1.5}.srs-browser-actions{display:flex;gap:8px;margin-top:14px}.srs-browser-actions .button{min-height:44px;flex:1;justify-content:center}.srs-browser-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:55px;padding:8px 14px;border-top:1px solid var(--line1)}.srs-browser-pagination span{margin-right:auto;color:var(--text2);font-size:12px}.srs-browser-error{display:flex;align-items:center;justify-content:center;gap:8px;min-height:90px;padding:14px;color:var(--red);text-align:center}.srs-browser-mobile-back{display:none}.srs-browser-card:focus-visible,.srs-browser-deck:focus-within,.srs-browser-child:focus-visible,.srs-browser-source:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}@media(max-width:759px){.srs-browser-overlay{padding:0;align-items:stretch}.srs-browser{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.srs-browser-header{padding-top:max(12px,env(safe-area-inset-top))}.srs-browser-header .button{padding:6px 8px;font-size:12px}.srs-browser-header>div{text-align:left}.srs-browser-toolbar{flex-direction:column;padding:9px 12px}.srs-browser-mobile-filter{display:flex;align-items:center;gap:7px;color:var(--text2);font-size:12px}.srs-browser-mobile-filter select{flex:1;min-height:38px;border:1px solid var(--line2);border-radius:7px;background:var(--bg1);color:var(--text0);font:inherit}.srs-browser-content{display:block;overflow:hidden}.srs-browser-nav{display:none}.srs-browser-list,.srs-browser-detail{height:100%;border:0}.srs-browser-content.mobile-detail .srs-browser-list,.srs-browser-content.mobile-list .srs-browser-detail{display:none}.srs-browser-detail{padding:13px}.srs-browser-mobile-back{display:inline-flex;min-height:44px;margin:-2px 0 12px}.srs-browser-card{min-height:66px;padding:10px 12px}.srs-browser-pagination{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.srs-browser *,.srs-browser *:before,.srs-browser *:after{scroll-behavior:auto;transition-duration:.01ms!important}}.classic-chat{--classic-col: clamp(680px, 60vw, 880px)}.classic-chat .messages{gap:18px}.classic-chat .message{max-width:var(--classic-col)}.classic-chat .message.assistant .bubble-wrap{max-width:640px}.classic-chat .message.assistant .bubble-wrap.learning-turn{max-width:100%;gap:8px}.classic-chat .bubble-plain{background:transparent;border:none;padding:0;color:var(--text1)}.classic-chat .message.user .bubble-wrap{max-width:min(70%,470px)}.classic-chat .composer{padding-inline:max(10px,calc((100% - var(--classic-col)) / 2))}@media(max-width:720px){.classic-chat .message,.classic-chat .message.assistant .bubble-wrap{max-width:100%}.classic-chat .message.user .bubble-wrap{max-width:85%}}.classic-chat .answer-feedback-panel{margin:4px 0 2px;padding:8px 12px;border-radius:10px;border:1px solid var(--red-bg);background:var(--red-bg);display:flex;flex-direction:column;gap:4px;font-size:13px}.classic-chat .answer-feedback-row{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.classic-chat .answer-feedback-label{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:var(--red);flex-shrink:0}.classic-chat .answer-feedback-value{color:var(--text0)}.classic-chat .answer-feedback-explanation{margin:2px 0 0;color:var(--text1)}.classic-chat .answer-feedback-unavailable{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.classic-chat .answer-feedback-unavailable .chat-retry-btn{margin:0}.podcast-generate{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line1);border-radius:10px;background:var(--bg1)}.podcast-kind-choices{display:flex;flex-wrap:wrap;gap:8px}.podcast-kind-card{flex:1 1 200px;padding:10px 14px;border:1.5px solid var(--line2);border-radius:8px;background:var(--bg2);color:var(--text1);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.podcast-kind-card:hover{border-color:var(--blue)}.podcast-kind-card-active{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.podcast-theme-input{padding:9px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--bg1);color:var(--text0);font:inherit;font-size:13px}.podcast-generate-btn{align-self:flex-start}.podcast-generate-btn:disabled{opacity:.6;cursor:wait}.podcast-form-notice{margin:0;color:var(--blue);font-size:13px}.podcast-shelf{display:flex;flex-direction:column;gap:10px}.podcast-shelf-heading{display:flex;align-items:center;gap:8px;padding-bottom:7px;border-bottom:1px solid var(--line1)}.podcast-shelf-heading h4{margin:0;font-size:14px;color:var(--text0)}.podcast-shelf-heading>span{min-width:22px;padding:2px 7px;border-radius:999px;background:var(--bg2);color:var(--text2);font-size:11px;font-weight:700;text-align:center}.podcast-shelf-heading--listened{border-bottom-color:color-mix(in srgb,var(--green) 38%,var(--line1))}.podcast-shelf-heading--listened h4,.podcast-shelf-heading--listened>span{color:var(--green)}.podcast-shelf-heading--listened>span{background:var(--green-bg)}.podcast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.podcast-card{position:relative;overflow:hidden}.podcast-card--listened{border:2px solid color-mix(in srgb,var(--green) 58%,var(--line1));background:linear-gradient(145deg,color-mix(in srgb,var(--green-bg) 62%,transparent),transparent 65%),var(--bg1);box-shadow:inset 4px 0 0 var(--green)}.podcast-card--listened:has(.book-catalog-card-open:not(:disabled):hover){border-color:var(--green);background:linear-gradient(145deg,color-mix(in srgb,var(--green-bg) 78%,transparent),transparent 65%),var(--bg2)}.podcast-listened-mark{position:absolute;top:9px;right:9px;display:flex;align-items:center;gap:4px;color:var(--green);font-size:11px;letter-spacing:.06em;pointer-events:none}.podcast-listened-mark>span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--green);color:var(--bg1);font-size:16px;font-weight:900}.podcast-card--listened .book-catalog-card-open{padding-right:64px}.podcast-card-title-jp{font-size:12px;color:var(--text2)}.podcast-badge-kind-histoire{background:color-mix(in srgb,var(--teal) 14%,transparent);color:var(--teal)}.podcast-badge-kind-culture{background:color-mix(in srgb,var(--purple) 14%,transparent);color:var(--purple)}.podcast-badge-kind-grammaire{background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber)}.podcast-badge-duration{background:var(--bg2);color:var(--text1)}.podcast-badge-listened{border:1px solid color-mix(in srgb,var(--green) 45%,transparent);background:var(--green-bg);color:var(--green);font-weight:800}.podcast-badge-resume{background:var(--blue-bg);color:var(--blue)}.podcast-card-date{font-size:11px;color:var(--text2)}.podcast-card-error-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.podcast-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.podcast-mark-listened-btn{padding:5px 9px;border:1px solid color-mix(in srgb,var(--green) 45%,var(--line1));border-radius:7px;background:var(--green-bg);color:var(--green);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.podcast-mark-listened-btn:hover{border-color:var(--green)}.podcast-card-delete-btn{align-self:flex-start;margin-left:auto}@media(max-width:520px){.podcast-generate{padding:11px}.podcast-kind-card{flex:1 1 100%}}.podcast-player{max-width:720px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px}.podcast-player-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.podcast-fr-toggle{border:1px solid var(--line1);background:var(--bg2);color:var(--text2);border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.podcast-fr-toggle:hover{border-color:var(--blue)}.podcast-fr-toggle-active{border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.podcast-player-title{margin:0;font-size:24px;line-height:1.35}.podcast-player-title-jp{margin:-8px 0 0;color:var(--text2);font-size:15px;font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif}.podcast-player-audio{position:sticky;top:0;z-index:2;background:var(--bg1);padding:8px 0;display:flex;align-items:center;gap:8px}.podcast-player-audio audio{flex:1;min-width:0}.podcast-speed-btn{border:1px solid var(--line1);background:var(--bg2);color:var(--text2);border-radius:999px;padding:5px 12px;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.podcast-speed-btn:hover{border-color:var(--blue)}.podcast-furigana-btn{border:1px solid var(--line1);background:var(--bg2);border-radius:999px;padding:5px 12px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.podcast-furigana-btn:hover{border-color:var(--blue)}.podcast-seg-jp-text ruby,.podcast-seg-host ruby,.podcast-player-title-jp ruby{ruby-align:center}.podcast-seg-jp-text rt,.podcast-seg-host rt,.podcast-player-title-jp rt{font-size:.5em;color:var(--text2);font-weight:400}.podcast-player-transcript{display:flex;flex-direction:column;gap:10px}.podcast-seg-jp{padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .15s}.podcast-seg-jp:hover{background:var(--bg2)}.podcast-seg-jp:focus-visible,.podcast-seg-host:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.podcast-seg-jp-text{margin:0;font-family:"Noto Serif JP",Hiragino Mincho ProN,Yu Mincho,serif;font-size:24px;line-height:1.85}.podcast-seg-fr{margin:4px 0 0;color:var(--text2);font-size:15.5px;font-style:italic;line-height:1.5}.podcast-seg-host{margin:0;padding:8px 10px 8px 20px;border-left:2px solid var(--line1);color:var(--text2);font-style:italic;font-size:17px;line-height:1.6;cursor:pointer;border-radius:0 10px 10px 0;transition:background .15s}.podcast-seg-host:hover{background:var(--bg2)}.podcast-seg-active{background:var(--blue-bg)!important}.podcast-seg-host.podcast-seg-active{border-left-color:var(--blue)}.podcast-player-footer{margin-top:8px;padding:10px 12px;border-top:1px solid var(--line1);color:var(--text2);font-size:13px;line-height:1.6}.podcast-unknown-label{font-weight:600;color:var(--text1)}.podcast-tobook{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:18px}.podcast-tobook-btn{border:1px solid var(--line1);background:var(--bg2);color:var(--text2);border-radius:999px;padding:8px 16px;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.podcast-tobook-btn:hover:not(:disabled){border-color:var(--blue)}.podcast-tobook-btn:disabled{cursor:default;opacity:.75}@media(max-width:520px){.podcast-player{padding:10px}.podcast-seg-jp-text{font-size:18px}}.gcourse-subtitle{margin:-8px 0 4px;color:var(--text2);font-size:12px}.gcourse-season{display:flex;flex-direction:column;gap:10px}.gcourse-season-title{margin:6px 0 -2px;font-size:13px;font-weight:700;color:var(--text1)}.gcourse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.gcourse-card{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.gcourse-card-upcoming{cursor:default;opacity:.55}.gcourse-card-head{display:flex;align-items:baseline;gap:8px}.gcourse-card-order{flex:none;font-size:11px;font-weight:700;color:var(--text2);background:var(--bg2);border-radius:999px;padding:2px 7px}.gcourse-card-titles{display:flex;flex-direction:column;gap:2px;min-width:0}.gcourse-card-title{font-size:15px;font-weight:600;line-height:1.3}.gcourse-card-title-jp{font-size:12px;color:var(--text2)}.gcourse-card-objective{margin:0;color:var(--text2);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gcourse-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.gcourse-badge-level{background:color-mix(in srgb,var(--purple) 14%,transparent);color:var(--purple)}.gcourse-badge-duration{background:var(--bg2);color:var(--text1)}.gcourse-badge-upcoming{background:var(--bg2);color:var(--text2)}.gcourse-badge-done{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.gcourse-badge-resume{background:var(--blue-bg);color:var(--blue)}@media(max-width:520px){.gcourse-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.gcourse-card-objective{-webkit-line-clamp:2}}