:root{--text:#3d3450;--text-h:#1a1425;--bg:#fdfbff;--surface:#fff;--border:#e6dcff;--accent:#7e14ff;--accent-bg:#7e14ff14;--success:#1a9e6d;--success-bg:#1a9e6d1f;--warning:#b8860b;--warning-bg:#b8860b1f;--error:#d1355c;--error-bg:#d1355c1a;--shadow:#7e14ff1f 0 8px 24px -8px;--sans:"Comic Sans MS", "Baloo 2", system-ui, "Segoe UI", Roboto, sans-serif;font:18px/150% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d7cfe8;--text-h:#f3f0fa;--bg:#1a1522;--surface:#241d30;--border:#3a2f4d;--accent:#c084fc;--accent-bg:#c084fc26;--success-bg:#1a9e6d33;--warning-bg:#b8860b33;--error-bg:#d1355c33;--shadow:#0006 0 8px 24px -8px}}*{box-sizing:border-box}body{margin:0}h1{color:var(--text-h);margin:0 0 8px;font-size:32px}h3{color:var(--text-h);margin:24px 0 4px}p{margin:0 0 8px}.layout{flex-direction:column;max-width:720px;min-height:100svh;margin:0 auto;display:flex}.topbar{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.brand{color:var(--accent);font-size:22px;font-weight:700}.topbar nav{gap:16px;display:flex}.topbar nav a{color:var(--text);border-radius:999px;padding:8px 14px;text-decoration:none}.topbar nav a.active{background:var(--accent-bg);color:var(--accent);font-weight:700}.content{flex:1;padding:20px}.btn{font-size:17px;font-family:var(--sans);cursor:pointer;border:none;border-radius:16px;align-items:center;gap:6px;margin:4px 4px 4px 0;padding:12px 20px;text-decoration:none;transition:transform .1s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.btn-secondary{background:var(--accent-bg);color:var(--accent)}.btn-ghost{color:var(--text);border:2px solid var(--border);background:0 0}.field{text-align:left;flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field span{color:var(--text);font-size:14px}.field-row{gap:16px;display:flex}input,.select,.textarea{font-family:var(--sans);border:2px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:12px;padding:10px 12px;font-size:16px}.textarea{resize:vertical;width:100%}.topic-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:15px}.chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.banner{border-radius:12px;margin:12px 0;padding:12px 16px}.banner-info{background:var(--accent-bg);color:var(--accent)}.banner-success{background:var(--success-bg);color:var(--success)}.banner-warning{background:var(--warning-bg);color:var(--warning)}.banner-error{background:var(--error-bg);color:var(--error)}.story-meta{color:var(--text);margin-bottom:20px}.sentence-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.sentence-row{background:var(--surface);border:2px solid var(--border);text-align:left;border-radius:16px;gap:12px;padding:16px;display:flex}.sentence-row.is-speaking{border-color:var(--accent)}.play-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:44px;height:44px;font-size:18px}.sentence-body{flex:1}.decoding-row{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.decoding-chunk{border-radius:8px;flex-direction:column;align-items:center;padding:2px 6px;transition:background-color .15s,transform .15s;display:flex}.decoding-chunk.is-active{background:var(--accent);transform:scale(1.08)}.decoding-chunk.is-active .decoding-target{color:#fff}.decoding-chunk.is-active .decoding-native{color:#f3e8ff}.decoding-target{color:var(--text-h);font-weight:700}.decoding-native{color:var(--accent);font-size:13px}.idiomatic{color:var(--text);font-size:15px;font-style:italic}.story-card{background:var(--surface);border:2px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.story-card-link{color:inherit;flex:1;text-decoration:none}.story-card-link h3{margin:0 0 4px}.empty-state{text-align:center;color:var(--text);padding:40px 0}.passive-screen{text-align:center}.mode-toggle{justify-content:center;gap:8px;margin:16px 0;display:flex}.sentence-picker{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;font-weight:700;display:flex}.passive-hint{color:var(--text);margin:12px 0 24px}.passive-controls{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.hint{color:var(--text);font-size:14px}.ollama-panel,.copy-paste-panel{background:var(--surface);border:2px solid var(--border);text-align:left;border-radius:16px;margin-top:16px;padding:20px}.brand{text-decoration:none}.topbar nav{flex-wrap:wrap}@media (width<=520px){.topbar{flex-direction:column;align-items:flex-start;gap:8px}.topbar nav{justify-content:center;width:100%}.topbar nav a{padding:6px 10px}}.video-frame{aspect-ratio:16/9;border:2px solid var(--border);background:#000;border-radius:16px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.video-frame iframe,.video-frame>div{width:100%;height:100%;position:absolute;inset:0}.cloze-panel{background:var(--surface);border:2px solid var(--border);text-align:center;border-radius:16px;margin-top:16px;padding:20px}.cloze-nav{color:var(--text);justify-content:center;align-items:center;gap:12px;margin-bottom:4px;font-size:14px;display:flex}.cloze-nav .btn{margin:0;padding:4px 10px}.cloze-line{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:6px 12px;min-height:64px;margin:14px 0;font-size:20px;display:flex}.cloze-word{align-items:flex-end;display:inline-flex}.cloze-word[role=button]{cursor:pointer}.cloze-line .decoding-target{font-size:20px}.cloze-line .decoding-native{color:var(--text);opacity:.55;font-size:11px;font-weight:400}.cloze-blank{letter-spacing:2px;min-width:2ch;color:var(--accent);border-bottom:3px solid var(--accent);-webkit-user-select:none;user-select:none;padding:0 2px;font-weight:700;display:inline-block}@keyframes cloze-pop{0%{transform:scale(1)}50%{transform:scale(1.16)}to{transform:scale(1)}}.cloze-hit .decoding-chunk{background:var(--accent);border-radius:8px;animation:.4s cloze-pop}.cloze-hit .decoding-target{color:#fff}.cloze-hit .decoding-native{color:#f3e8ff;opacity:1}.guess-row{gap:8px;margin-top:14px;display:flex}.guess-row input{flex:1}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.guess-row.is-wrong input{border-color:var(--error);animation:.4s shake}.reveal-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.reveal-count{align-items:center;gap:6px;font-size:15px;display:flex}.reveal-count .btn{margin:0;padding:4px 10px}.playback-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}.speed-controls{color:var(--text);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:-4px 0 16px;font-size:14px;display:flex}.speed-controls .chip{padding:4px 12px;font-size:14px}.manual-decoding{border-top:2px solid var(--border);text-align:left;margin-top:16px;padding-top:12px}.manual-decoding summary{cursor:pointer;color:var(--accent);font-size:15px}.manual-decoding .textarea{margin-top:8px;font-size:14px}.manual-decoding-actions{gap:8px;margin-top:8px;display:flex}.translation-steps{margin:12px 0 8px;padding-left:20px;font-size:15px}.translation-steps li{margin-bottom:12px}.translation-options{flex-wrap:wrap;gap:12px;margin:8px 0;font-size:14px;display:flex}.translation-options .select{width:auto;padding:4px 8px}.translation-parts{flex-wrap:wrap;gap:8px;display:flex}.idiomatic-line{background:var(--accent-bg);color:var(--text-h,var(--text));border-radius:12px;margin:4px 0 12px;padding:10px 14px;font-size:18px;line-height:1.4}.idiomatic-line .hint{font-size:14px}.sync-status{cursor:default;align-self:center;font-size:16px}.lesson-progress{margin:8px 0 16px}.cloze-progress{background:var(--border);border-radius:999px;height:12px;margin:8px 0 6px;overflow:hidden}.cloze-progress-fill{background:var(--accent);height:100%;transition:width .3s}.cloze-progress-label{color:var(--text);font-size:14px}.import-cta{text-align:center;background:var(--success-bg);color:var(--success);border-radius:16px;margin:16px 0;padding:16px}.flashcard{background:var(--surface);border:2px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;gap:16px;min-height:200px;padding:32px 20px;display:flex}.flashcard-front{color:var(--text-h);justify-content:center;align-items:center;gap:8px;font-size:28px;font-weight:700;display:flex}.flashcard-back{color:var(--accent);font-size:20px}.flashcard-actions{justify-content:center;gap:12px;display:flex}.vocab-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0;display:flex}.vocab-box-badge{border:2px solid var(--border);border-radius:999px;padding:4px 12px;font-size:14px}.vocab-box-badge strong{color:var(--accent)}.vocab-import{background:var(--surface);border:2px solid var(--border);text-align:left;border-radius:16px;margin-top:16px;padding:20px}.story-card-sub{color:var(--text);font-size:13px}.signout{font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:15px}.login-screen{max-width:520px;margin:12vh auto 0;padding:20px}.login-screen h1{color:var(--accent)}.login-legal{color:var(--muted,#666);margin-top:28px;font-size:14px;line-height:1.6}.login-legal a{color:inherit}.suggest-screen h2{margin-top:32px}.suggestion-list{margin:12px 0 0;padding:0;list-style:none}.suggestion-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.suggestion-list a:not(.btn){color:var(--text);font-weight:700}.suggestion-status{white-space:nowrap;font-size:14px}.suggestion-open{flex-wrap:wrap}.suggestion-note{margin:4px 0 0;font-style:italic}.suggestion-actions{gap:4px;display:flex}.library-actions{flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.login-newsletter{cursor:pointer;align-items:flex-start;gap:10px;margin-top:12px;font-size:15px;line-height:1.5;display:flex}.login-newsletter input{flex:none;width:18px;height:18px;margin-top:4px;padding:0}.vocab-import .field-row{flex-wrap:wrap;align-items:center;gap:8px}.vocab-import .field-row .select{text-overflow:ellipsis;flex:200px;min-width:0}.vocab-import .field-row .btn{flex:none;margin:0}.login-newsletter a{color:inherit}.library-langs{margin-bottom:16px}