@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lexend:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#faf8f4;--surface:#fff;--surface-raised:#fff;--surface-muted:#f4f1ea;--ink:#23211c;--slate:#57534a;--muted:#8a857a;--line:#e7e2d8;--blue:#4a4e7a;--blue-strong:#3d4166;--blue-soft:#eeedf6;--orange:#8a6d38;--orange-soft:#f5eedf;--success:#3e7c5b;--success-soft:#e9f2ed;--warning:#8a6d38;--danger:#a84040;--danger-soft:#f2dcdc;--disabled:#8a857a;--sunk:#f4f1ea;--hover:#fcfbf8;--on-accent:#fdfcfa;--green:#3e7c5b;--green-soft:#e9f2ed;--amber:#8a6d38;--amber-soft:#f5eedf;--shadow:0 1px 2px #23211c0d, 0 8px 24px #23211c0f;--shadow-soft:0 1px 2px #23211c0d;--shadow-sm:0 1px 2px #23211c0d;--font-ui:"Inter", "Segoe UI", system-ui, sans-serif;--font-study:"Lexend", "Inter", system-ui, sans-serif;--font-utility:"Inter", system-ui, monospace;--t-xs:.75rem;--t-sm:.8125rem;--t-md:.9375rem;--t-lg:1.0625rem;--t-xl:1.375rem;--t-2xl:1.75rem;--t-3xl:2.5rem;--rail-w:264px;--r-card:12px;--r-btn:8px;--r-sm:8px;--r-md:12px;--r-lg:16px;--gutter:clamp(24px, 3vw, 48px);--navy:#f4f1ea;--navy-soft:#fcfbf8;--sidebar-lesson:248px;--sidebar-audio:264px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#16171a;--surface:#1d1f23;--surface-raised:#222529;--surface-muted:#232529;--ink:#e4e1da;--slate:#ada89f;--muted:#7e7a73;--line:#2c2f34;--blue:#a8ade0;--blue-strong:#bcc0e9;--blue-soft:#262a3d;--orange:#d3af74;--orange-soft:#2c2519;--success:#7fbe9c;--success-soft:#1e2c25;--warning:#d3af74;--danger:#d06860;--danger-soft:#3a1a18;--disabled:#7e7a73;--sunk:#232529;--hover:#232529;--on-accent:#16171a;--green:#7fbe9c;--green-soft:#1e2c25;--amber:#d3af74;--amber-soft:#2c2519;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000038;--shadow-soft:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #0000004d;--navy:#232529;--navy-soft:#232529}*,:before,:after{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{color:var(--ink);background:var(--page);font-family:var(--font-ui);font-size:var(--t-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;transition:color .18s,background-color .18s}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a{color:inherit;text-decoration:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.learning-page{grid-template-columns:var(--rail-w) 1fr;min-height:100dvh;display:grid}.rail{background:var(--sunk);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex-shrink:0;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden auto}.rail-head{flex-shrink:0;align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.rail-brand-mark{border-radius:var(--r-sm);background:var(--blue);width:30px;height:30px;color:var(--on-accent);font-size:var(--t-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.rail-head b{font-size:var(--t-md);font-weight:600}.rail-nav{flex-direction:column;flex-shrink:0;gap:1px;padding:0 12px;display:flex}.rail-nav a{border-radius:var(--r-sm);font-size:var(--t-md);color:var(--slate);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:11px;padding:9px 12px;display:flex}.rail-nav a:hover{background:var(--hover)}.rail-nav a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}.rail-nav a .ic{width:17px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;font-style:normal;display:flex}.rail-nav a.on .ic{color:var(--blue)}.rail-nav a .badge{font-size:var(--t-xs);background:var(--amber-soft);color:var(--amber);border-radius:99px;margin-left:auto;padding:1px 7px;font-weight:600}.rail-search{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);height:38px;color:var(--muted);flex-shrink:0;align-items:center;gap:8px;margin:12px 12px 0;padding:0 11px;display:flex}.rail-search:focus-within{border-color:var(--blue)}.rail-search input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.rail-sep{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-shrink:0;margin:18px 20px 10px;font-weight:600}.course-tree{flex-direction:column;gap:2px;padding:0 8px;display:flex}.tree-unit-hd{font-size:var(--t-xs);color:var(--muted);letter-spacing:.06em;align-items:center;gap:9px;padding:8px 10px 6px;font-weight:600;display:flex}.tree-unit-num{background:var(--blue-soft);width:20px;height:20px;color:var(--blue);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.tree-lesson{flex-direction:column;display:flex}.tree-les-btn{border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--slate);text-align:left;align-items:center;gap:9px;padding:8px 10px;font-weight:500;transition:background .12s;display:flex}.tree-les-btn:hover{background:var(--hover);color:var(--ink)}.tree-les-btn.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}.tree-les-dot{background:var(--line);border-radius:50%;flex-shrink:0;width:6px;height:6px}.tree-les-btn.on .tree-les-dot{background:var(--blue)}.tree-acts{flex-direction:column;gap:1px;padding:2px 0 2px 16px;display:flex}.tree-act{border-radius:var(--r-sm);font-size:var(--t-xs);color:var(--slate);text-align:left;align-items:center;gap:8px;padding:7px 10px;transition:background .12s;display:flex}.tree-act:hover{background:var(--hover);color:var(--ink)}.tree-act.on{background:var(--blue-soft);color:var(--blue);font-weight:600}.tree-act-num{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;font-weight:600}.tree-act.on .tree-act-num{color:var(--blue)}.tree-act-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tree-act-audio{flex-shrink:0;font-size:11px}.tree-act-audio.ok{color:var(--success)}.tree-act-audio.miss{color:var(--amber)}.rail-foot{border-top:1px solid var(--line);background:var(--sunk);flex-shrink:0;align-items:center;gap:10px;margin-top:auto;padding:14px 20px;display:flex;position:sticky;bottom:0}.rail-ava{background:var(--blue-soft);width:28px;height:28px;color:var(--blue);font-size:var(--t-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.rail-foot-name{font-size:var(--t-sm);color:var(--slate);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rail-foot-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.rail-icon-btn{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:background .12s;display:flex}.rail-icon-btn:hover{background:var(--hover);color:var(--ink)}.sync-indicator{border:1px solid var(--line);height:24px;font-size:var(--t-xs);white-space:nowrap;color:var(--ink);border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:0 8px;font-weight:600;display:inline-flex}.sync-indicator>[aria-hidden=true]{font-size:13px}.sync-indicator.is-offline{background:var(--orange-soft);border-color:var(--orange-soft)}.sync-indicator.is-offline>[aria-hidden=true]{color:var(--warning)}.sync-indicator.is-syncing{background:var(--blue-soft);border-color:var(--blue-soft)}.sync-indicator.is-syncing>[aria-hidden=true]{color:var(--blue)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rail-content{flex-direction:column;min-width:0;display:flex}.act-head{padding:28px var(--gutter) 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.act-head-text{flex:1;min-width:200px}.act-head-text .eyebrow{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:5px;font-weight:600}.act-head-text h1{font-size:var(--t-2xl);letter-spacing:-.025em;margin:0;font-weight:700;line-height:1.1}.act-head-actions{flex-shrink:0;align-items:center;gap:8px;margin-top:4px;display:flex}.chip-type{border:1px solid var(--line);font-size:var(--t-xs);color:var(--blue);background:var(--blue-soft);border-radius:99px;padding:5px 11px;font-weight:600;display:inline-block}.audio-strip{padding:10px var(--gutter);background:var(--amber-soft);border-bottom:1px solid color-mix(in srgb, var(--amber) 25%, var(--line));font-size:var(--t-sm);color:var(--amber);align-items:center;gap:12px;font-weight:500;display:flex}.audio-strip strong{font-weight:600}.audio-strip .audio-strip-btn{border-radius:var(--r-sm);border:1px solid var(--amber);color:var(--amber);font-size:var(--t-xs);cursor:pointer;background:0 0;margin-left:auto;padding:6px 14px;font-weight:600;transition:background .13s}.audio-strip .audio-strip-btn:hover{background:var(--amber-soft)}.nav-hints{color:var(--muted);font-size:var(--t-xs);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:10px 24px 16px;display:flex}.nav-hint{align-items:center;gap:5px;display:flex}.nav-hints kbd{background:var(--surface-muted);border:1px solid var(--line);min-width:22px;height:20px;color:var(--slate);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-family:inherit;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.activity-pane{padding:32px var(--gutter) 56px;flex-direction:column;flex:1;align-items:center;display:flex}.api-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:6px;height:6px}.api-dot.live{background:var(--success)}.core-canvas{padding:32px var(--gutter) 56px;width:100%}.content-layout{align-items:flex-start;gap:22px;width:100%;display:flex}.content-main{flex:1;min-width:0}.core-heading{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:end;gap:16px;margin-bottom:18px;display:grid}.core-heading p{color:var(--orange);font-size:var(--t-xs);letter-spacing:.09em;text-transform:uppercase;margin:0 0 5px;font-weight:700}.core-heading h1{font-family:var(--font-study);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(26px,2.8vw,42px);font-weight:700;line-height:1.06}.activity-type{color:var(--blue);font-size:var(--t-xs);background:var(--blue-soft);border:1px solid color-mix(in srgb, var(--blue) 22%, var(--line));border-radius:7px;align-self:center;padding:5px 11px;font-weight:700}.core-grid{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);min-height:580px;box-shadow:var(--shadow);grid-template-columns:1fr;display:grid}.lesson-outline{display:none}.activity-workspace{text-align:center;background:var(--surface-raised);flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;min-width:0;min-height:420px;padding:48px clamp(24px,5vw,80px);display:flex}.activity-workspace h2,.activity-workspace h3{font-family:var(--font-study)}.activity-workspace input{color:var(--ink)}.quiz-footer{width:100%;bottom:max(16px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface-raised) 92%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;padding:12px 16px;display:flex;position:sticky}.question-nav{align-items:center;gap:8px;display:flex}.question-nav-button{width:44px;height:44px;color:var(--blue);background:var(--blue-soft);border:1px solid color-mix(in srgb, var(--blue) 25%, var(--line));border-radius:var(--r-btn);cursor:pointer;place-items:center;padding:0;font-size:26px;line-height:1;transition:transform .14s,background .14s,color .14s;display:grid}.question-nav-button:hover:not(:disabled){background:var(--blue);color:#fff;transform:translateY(-1px)}.question-nav-button:disabled{color:var(--muted);background:var(--surface-muted);border-color:var(--line);opacity:.55;cursor:not-allowed}.quiz-check-button{min-height:44px!important}.quiz-answer-status{color:var(--slate);font-size:var(--t-xs);font-weight:600}.workspace-icon{width:108px;height:108px;color:var(--blue);background:var(--blue-soft);border:1px solid color-mix(in srgb, var(--blue) 20%, var(--line));border-radius:36% 64% 57% 43%/45% 38% 62% 55%;place-items:center;margin-bottom:22px;display:grid}.workspace-icon span{font-family:var(--font-study);font-size:32px;font-weight:700}.workspace-kicker{color:var(--orange);font-size:var(--t-xs);letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;font-weight:700}.workspace-note{max-width:480px;color:var(--slate);font-size:var(--t-md);margin:8px 0 26px;line-height:1.65}.audio-import-card{background:var(--surface);border:1px solid var(--line);width:100%;max-width:580px;box-shadow:var(--shadow-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.audio-import-card svg{color:var(--blue)}.audio-import-actions{gap:9px;display:flex}.import-button{color:#fff;min-height:36px;font-size:var(--t-xs);background:var(--blue);border-radius:var(--r-btn);cursor:pointer;border:0;align-items:center;gap:7px;padding:0 14px;font-weight:700;transition:background .13s;display:flex}.import-button:hover{background:var(--blue-strong)}.import-button:disabled{opacity:.65;cursor:wait}.audio-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.upload-message{color:var(--blue);font-size:var(--t-sm);text-align:center;margin:12px 0 0;font-weight:600}.audio-control-sidebar{display:none!important}.theme-toggle,.install-button{width:32px;height:32px;font-size:var(--t-sm);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;padding:0;font-weight:600;transition:background .14s,border-color .14s;display:inline-flex}.theme-toggle:hover{background:var(--blue-soft);border-color:color-mix(in srgb, var(--blue) 30%, var(--line))}.install-control{position:relative}.install-button{background:var(--blue);border-color:var(--blue);color:#fff}.install-button:hover{background:var(--blue-strong);border-color:var(--blue-strong);color:#fff}.install-guide{width:252px;font-size:var(--t-sm);color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:14px;padding:14px 16px;line-height:1.6;position:absolute;top:calc(100% + 10px);right:0}.focus-enter{min-height:32px;color:var(--ink);font-size:var(--t-xs);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--r-btn);align-self:center;align-items:center;gap:7px;padding:0 12px;font-weight:600;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.focus-enter:hover{color:var(--blue-strong);background:var(--blue-soft);border-color:color-mix(in srgb, var(--blue) 34%, var(--line))}.focus-enter span{color:var(--orange);font-size:13px}.fc-wrap{flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:560px;display:flex}.fc-counter{font-size:var(--t-xs);color:var(--blue);letter-spacing:.06em;text-align:center;font-weight:600}.fc-card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.fc-top{background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 28px 22px;display:flex}.fc-img{object-fit:contain;border-radius:8px;max-height:100px;margin-bottom:6px}.fc-pos{background:var(--blue-soft);color:var(--blue);font-size:var(--t-xs);text-transform:capitalize;border-radius:5px;padding:3px 9px;font-weight:600;display:inline-block}.fc-term-row{align-items:center;gap:10px;margin:2px 0;display:flex}.fc-term{font-family:var(--font-study);font-size:var(--t-3xl);color:var(--ink);letter-spacing:-.02em;font-weight:600;line-height:1.1}.fc-listen-btn{cursor:pointer;color:var(--blue);opacity:.8;background:0 0;border:none;align-items:center;padding:2px;font-size:22px;transition:opacity .13s;display:flex}.fc-listen-btn:hover{opacity:1}.fc-phonetic{font-size:var(--t-sm);color:var(--muted);letter-spacing:.02em;margin:0}.fc-bottom{background:var(--surface-muted);border-top:1px solid var(--line);flex-direction:column;gap:12px;padding:20px 28px 22px;display:flex}.fc-meaning{font-size:var(--t-xl);color:var(--ink);text-align:center;margin:0;font-weight:600;transition:filter .2s}.fc-example-box{background:var(--surface);border-radius:var(--r-sm);border:1px solid var(--line);flex-direction:column;gap:4px;padding:12px 16px;transition:filter .2s;display:flex}.fc-example{font-size:var(--t-md);color:var(--ink);margin:0;line-height:1.5}.fc-example-trans{font-size:var(--t-sm);color:var(--muted);margin:0;font-style:italic}.fc-meaning.fc-hidden,.fc-example-box.fc-hidden{filter:blur(9px);-webkit-user-select:none;user-select:none}.fc-tools{justify-content:center;align-items:center;gap:8px;display:flex}.fc-tool-btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--slate);font-size:var(--t-sm);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-weight:500;transition:background .12s;display:inline-flex}.fc-tool-btn:hover{background:var(--hover);color:var(--ink)}.fc-tool-btn.is-completed-btn{color:#047857;background:#ecfdf5;border-color:#a7f3d0;font-weight:700}.flashcard-review-status-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.fc-completed-badge{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:750;animation:.2s modalFadeIn;display:inline-flex}.fc-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.fc-nav-btn{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);height:38px;color:var(--slate);font-size:var(--t-sm);cursor:pointer;padding:0 16px;font-weight:500;transition:all .12s}.fc-nav-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.fc-nav-btn:disabled{opacity:.4;cursor:not-allowed}.fc-nav-btn.fc-complete-btn{box-shadow:0 2px 6px #2563eb4d;background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important;font-weight:750!important}.fc-nav-btn.fc-complete-btn:hover{opacity:.93;transform:translateY(-1px)}.focus-stage{--page:#0f1710;--surface:#1a281c;--surface-raised:#1a281c;--surface-muted:#223122;--mist:#223122;--ink:#edf2e8;--slate:#a8c4af;--muted:#7a9682;--line:#2e4231;--blue:#71c994;--blue-strong:#8fd8ac;--blue-soft:#71c99426;--orange:#dfa054;--orange-soft:#dfa05429;--success:#71c994;--success-soft:#71c9942e;--warning:#dfa054;--danger:#e58a80;--danger-soft:#e58a8029;--disabled:#4c6252;--navy:#223122;--shadow:0 30px 80px #00000080;--shadow-soft:0 10px 30px #00000052;z-index:100;color:var(--ink);background:radial-gradient(circle at 50% -10%,#1d3520 0%,#0f1710 62%);flex-direction:column;display:flex;position:fixed;inset:0}.focus-topbar{flex:none;align-items:center;gap:16px;padding:14px clamp(14px,3vw,32px);display:flex}.focus-counter{color:color-mix(in srgb, var(--ink) 62%, transparent);font-size:var(--t-xs);letter-spacing:.09em;text-transform:uppercase;flex:none}.focus-spacer{flex:1}.focus-track{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.focus-track i{background:#edf2e824;border-radius:99px;flex:1;min-width:2px;height:6px;transition:background .16s,height .16s}.focus-track i.done{background:var(--blue)}.focus-track i.now{background:var(--orange);height:9px}.focus-track-bar i{height:6px}.focus-track-bar i:not(.done){background:#edf2e824}.focus-score{color:var(--blue-strong);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;background:var(--blue-soft);border-radius:8px;flex:none;padding:4px 10px}.focus-exit{min-height:34px;color:color-mix(in srgb, var(--ink) 66%, transparent);font-size:var(--t-xs);border-radius:var(--r-btn);border:1px solid #edf2e829;flex:none;align-items:center;gap:7px;padding:0 12px;font-weight:700;transition:color .14s,background .14s,border-color .14s;display:inline-flex}.focus-exit:hover{color:var(--ink);background:#edf2e814;border-color:#edf2e84d}.focus-exit span{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;opacity:.7}.focus-content{text-align:center;flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:20px;min-height:0;padding:8px clamp(14px,4vw,48px) 20px;display:flex;overflow-y:auto}.focus-content h2,.focus-content h3{font-family:var(--font-study)}.focus-content input{color:var(--ink);background:var(--surface)}.focus-stage .quiz-meta{display:none!important}.focus-stage .quiz-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:static}.focus-keys{padding:0 16px max(16px, env(safe-area-inset-bottom));color:color-mix(in srgb, var(--ink) 42%, transparent);letter-spacing:.05em;flex-wrap:wrap;flex:none;justify-content:center;gap:18px;font-size:10.5px;display:flex}.focus-keys b{color:color-mix(in srgb, var(--ink) 74%, transparent);font-weight:500}.option-key{width:24px;height:24px;color:var(--slate);font-size:var(--t-xs);background:#edf2e817;border-radius:7px;flex:none;place-items:center;margin-right:10px;display:inline-grid}.auth-page{min-height:100vh;color:var(--ink);background:var(--page);place-items:center;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(100%,420px);box-shadow:var(--shadow-soft);border-radius:16px;padding:30px}.auth-card h1{margin:4px 0 8px;font-size:24px}.auth-card>p:not(.auth-eyebrow){color:var(--slate);margin:0 0 22px}.auth-eyebrow{color:var(--blue);font-size:var(--t-sm);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:750}.auth-card form{gap:16px;display:grid}.auth-card label{color:var(--ink);font-size:var(--t-sm);gap:7px;font-weight:650;display:grid}.auth-card input{min-height:46px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);font:inherit;border-radius:8px;padding:0 13px}.auth-card button,.account-strip button{min-height:44px;color:var(--surface);background:var(--blue);cursor:pointer;border:0;border-radius:8px;padding:0 16px;font-weight:700}.auth-card button:disabled{cursor:wait;opacity:.65}.auth-card input:focus-visible,.auth-card button:focus-visible,.account-strip button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.auth-error{color:var(--danger);font-size:var(--t-sm);margin:0}.account-strip{min-height:44px;color:var(--slate);background:var(--surface-raised);border-bottom:1px solid var(--line);font-size:var(--t-sm);justify-content:flex-end;align-items:center;gap:12px;padding:6px 24px;display:flex}.account-strip button{min-height:32px;color:var(--blue);border:1px solid var(--line);background:0 0}.admin-login-page{background:var(--page);place-items:center;min-height:100dvh;padding:24px;display:grid}.admin-login-card{background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--blue);width:min(100%,440px);box-shadow:var(--shadow-soft);border-radius:4px 4px 16px 16px;padding:32px}.admin-login-card h1{margin:5px 0 8px;font-size:26px}.admin-login-card>p:not(.admin-eyebrow){color:var(--slate);margin:0 0 24px}.admin-login-card form{gap:16px;display:grid}.admin-login-card label,.admin-create-panel label,.admin-user-list label{color:var(--ink);font-size:var(--t-sm);gap:7px;font-weight:700;display:grid}.admin-login-card input,.admin-create-panel input,.admin-user-list input{background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;min-height:46px;padding:0 13px}.admin-login-card button,.admin-page button{min-height:44px;color:var(--surface);background:var(--blue);border-radius:8px;padding:0 16px;font-weight:750}.admin-login-card button:disabled,.admin-page button:disabled{cursor:wait;opacity:.62}.admin-eyebrow,.admin-section-index{color:var(--blue);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:700}.admin-page{width:min(100%,1120px);min-height:100dvh;margin:0 auto;padding:42px 24px 72px}.admin-header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px;display:flex}.admin-header h1{margin:5px 0 2px;font-size:clamp(28px,4vw,42px)}.admin-header span{color:var(--slate);font-size:var(--t-sm)}.admin-header button{color:var(--blue);border:1px solid var(--line);background:0 0}.admin-create-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:32px;margin-top:28px;padding:26px;display:grid}.admin-create-panel h2,.admin-users-heading h2{margin:5px 0 0;font-size:20px}.admin-create-panel form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;min-width:0;display:grid}.admin-create-panel form label{min-width:0}.admin-create-panel form input{width:100%}.admin-create-panel form button{grid-column:3;justify-self:end;min-width:148px}.admin-feedback{color:var(--success);background:var(--success-soft);border-left:4px solid;margin:16px 0 0;padding:12px 15px}.admin-feedback.is-error{color:var(--danger);background:var(--danger-soft)}.admin-users{margin-top:36px}.admin-users-heading{margin-bottom:12px}.admin-user-list{background:var(--surface);border:1px solid var(--line)}.admin-user-list article{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(210px,.8fr) auto;align-items:end;gap:18px;padding:18px 20px;display:grid}.admin-user-list article:first-child{border-top:0}.admin-user-identity{align-self:center;gap:2px;display:grid}.admin-user-identity strong{font-size:var(--t-lg)}.admin-user-identity span{color:var(--slate);font-size:var(--t-sm);overflow-wrap:anywhere}.dashboard-tabs{display:none}.study-plan-page{width:100%;color:var(--ink);padding:36px 24px 72px}.study-plan-heading>p,.study-plan-index{color:var(--blue);font-size:var(--t-xs);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-weight:700}.study-plan-heading h1{letter-spacing:-.035em;margin:0 0 7px;font-size:clamp(28px,4vw,40px)}.study-plan-heading>span{color:var(--slate);font-size:var(--t-md)}.study-plan-unified{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:12px;flex-direction:column;gap:18px;margin-top:24px;padding:24px;display:flex}.study-plan-unified-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:12px;display:flex}.study-plan-unified-header .study-plan-index{color:var(--blue);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.study-plan-unified-header h2{margin:2px 0 0;font-size:20px}.study-plan-unified-form{flex-direction:column;gap:16px;display:flex}.study-plan-unified-grid-top{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;display:grid}.study-plan-unified-grid-top label{min-width:0;font-size:var(--t-sm);color:var(--ink);gap:6px;font-weight:700;display:grid}.study-plan-unified-grid-top input,.study-plan-unified-grid-top select{width:100%;min-height:44px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;padding:0 12px}.study-plan-unified-grid-mid{background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:18px;padding:14px 16px;display:grid}.study-plan-unified-extra{align-items:flex-end;gap:16px;display:flex}.study-plan-unified-extra label:not(.habit-reminder-toggle){min-width:0;font-size:var(--t-sm);color:var(--ink);flex:1;gap:6px;font-weight:700;display:grid}.study-plan-unified-extra input[type=number]{width:100%;min-height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:0 12px}.study-plan-excluded-dates-section{background:var(--surface-muted);border:1px solid var(--line);border-radius:10px;gap:12px;padding:16px 18px;display:grid}.study-plan-excluded-dates-header{gap:3px;display:grid}.study-plan-excluded-dates-header strong{font-size:var(--t-sm);color:var(--ink);font-weight:750}.study-plan-excluded-dates-header small{font-size:var(--t-xs);color:var(--slate)}.study-plan-excluded-dates-controls{flex-direction:column;gap:12px;display:flex}.excluded-date-input-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.excluded-date-input{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);font-size:var(--t-sm);border-radius:8px;padding:0 12px}.add-excluded-date-btn{color:#0f172a;min-height:40px;font-weight:700;font-size:var(--t-sm);cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:0 16px;transition:all .15s}.add-excluded-date-btn:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.add-excluded-date-btn:disabled{opacity:.5;cursor:not-allowed}.excluded-dates-tags-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.excluded-date-tag{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:650;display:inline-flex}.excluded-date-tag-icon{font-size:13px}.excluded-date-tag-remove{color:#be123c;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0 2px;font-size:12px;font-weight:800;transition:transform .15s,color .15s;display:flex}.excluded-date-tag-remove:hover{color:#881337;transform:scale(1.2)}.clear-all-excluded-dates-btn{color:#dc2626;font-size:var(--t-xs);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-weight:650;text-decoration:underline}.clear-all-excluded-dates-btn:hover{color:#991b1b}.no-excluded-dates-hint{font-size:var(--t-xs);color:var(--slate);margin:0;font-style:italic}.study-plan-unified-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:4px;display:flex}.study-plan-unified-actions-main,.study-plan-unified-actions-aux{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.study-plan-unified-actions button{cursor:pointer;border-radius:8px;min-height:44px;padding:0 16px;font-weight:750;transition:all .15s}.study-plan-unified-actions button[type=submit]{background:var(--blue);color:var(--on-accent);border:1px solid var(--blue)}.study-plan-unified-actions .study-plan-ai-button{background:var(--orange);color:var(--surface);border:1px solid var(--orange)}.study-plan-unified-actions .study-plan-calendar-btn{background:var(--surface);color:var(--blue);border:1px solid var(--blue)}.study-plan-unified-actions .study-plan-calendar-btn:hover:not(:disabled){background:var(--blue);color:var(--on-accent)}.study-plan-unified-actions .study-plan-reset-button{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.study-plan-unified-actions .study-plan-reset-button:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#f87171}.study-plan-unified-actions button:disabled{cursor:wait;opacity:.62}.study-plan-unified-note{color:var(--slate);font-size:var(--t-xs);background:var(--surface-muted);border-left:3px solid var(--blue);border-radius:6px;margin:0;padding:10px 14px;line-height:1.5}.study-plan-unified-note code{background:var(--surface-raised);border-radius:4px;padding:1px 4px;font-size:11px}.study-plan-builder{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:28px;margin-top:28px;padding:24px;display:grid}.study-plan-builder h2{margin:0;font-size:19px}.study-plan-builder form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.study-plan-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.study-plan-actions .study-plan-ai-button{color:var(--surface);background:var(--orange)}.study-plan-actions .study-plan-reset-button{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;transition:all .15s}.study-plan-actions .study-plan-reset-button:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#f87171}.study-plan-builder label{min-width:0;font-size:var(--t-sm);gap:7px;font-weight:700;display:grid}.study-plan-days{border:0;grid-column:1/-1;min-width:0;margin:0;padding:0}.study-plan-days legend{font-size:var(--t-sm);margin-bottom:8px;font-weight:700}.study-plan-days>div{flex-wrap:wrap;gap:8px;display:flex}.study-plan-days label{cursor:pointer;display:block;position:relative}.study-plan-days input{opacity:0;width:1px;height:1px;position:absolute}.study-plan-days span{min-width:44px;min-height:44px;color:var(--slate);background:var(--surface-raised);border:1px solid var(--line);font-size:var(--t-sm);border-radius:8px;place-items:center;padding:0 10px;font-weight:750;display:grid}.study-plan-days input:checked+span{color:var(--surface);background:var(--blue);border-color:var(--blue)}.study-plan-days input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.study-plan-builder input,.study-plan-builder select{width:100%;min-height:46px;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;padding:0 12px}.study-plan-builder button,.study-plan-lesson>button{min-height:44px;color:var(--surface);background:var(--blue);border-radius:8px;padding:0 16px;font-weight:750}.study-plan-builder button:disabled{cursor:wait;opacity:.62}.study-plan-builder input:focus-visible,.study-plan-builder select:focus-visible,.study-plan-builder button:focus-visible,.study-plan-lesson>button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.study-plan-feedback{color:var(--success);background:var(--success-soft);border-left:4px solid;margin:16px 0 0;padding:12px 15px}.study-plan-feedback.is-error{color:var(--danger);background:var(--danger-soft)}.study-plan-ai-progress-card{background:linear-gradient(135deg,#3b82f614,#10b98114);border:1px solid #3b82f640;border-radius:12px;flex-direction:column;gap:10px;margin-top:14px;padding:16px 20px;animation:.25s ease-out fadeIn;display:flex;box-shadow:0 4px 16px #0000000a}.ai-progress-header{align-items:center;gap:14px;display:flex}.ai-progress-spinner{border:3px solid #3b82f633;border-top-color:var(--blue,#3b82f6);border-radius:50%;flex-shrink:0;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-progress-titles{flex:1;min-width:0}.ai-progress-main-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-progress-main-title strong{color:var(--ink,#1e293b);font-size:.95rem;font-weight:700}.ai-progress-percent{color:var(--blue,#2563eb);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:800}.ai-progress-sub-title{color:var(--slate,#64748b);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.85rem;overflow:hidden}.ai-progress-bar-track{background:#00000014;border-radius:999px;width:100%;height:8px;overflow:hidden}.ai-progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:999px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.study-plan-prompt-cfg-btn{min-height:44px;color:var(--ink,#1e293b);background:var(--surface,#fff);border:1px solid #3b82f659;border-radius:10px;align-items:center;gap:6px;padding:0 16px;font-size:.9rem;font-weight:650;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #3b82f60f}.study-plan-prompt-cfg-btn:hover{border-color:var(--blue,#3b82f6);background:#3b82f614;transform:translateY(-1px)}.ai-prompt-modal-dialog{flex-direction:column;max-height:90vh;display:flex;max-width:920px!important}.ai-prompt-modal-tabs{border-bottom:1px solid var(--line,#e2e8f0);background:var(--surface-soft,#f8fafc);gap:8px;padding:0 24px;display:flex}.ai-prompt-tab-btn{color:var(--slate,#64748b);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:650;transition:all .2s;display:inline-flex}.ai-prompt-tab-btn:hover{color:var(--blue,#2563eb)}.ai-prompt-tab-btn.is-active{color:var(--blue,#2563eb);border-bottom-color:var(--blue,#2563eb);background:#3b82f60a}.prompt-tab-badge{color:#059669;background:#10b98126;border-radius:999px;padding:2px 6px;font-size:.72rem;font-weight:700}.ai-prompt-feedback{border-radius:8px;align-items:center;gap:8px;margin:12px 24px 0;padding:10px 16px;font-size:.9rem;font-weight:600;display:flex}.ai-prompt-feedback.is-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.ai-prompt-feedback.is-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.ai-prompt-loading{color:var(--slate,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.ai-prompt-editor-pane{flex-direction:column;gap:12px;padding:16px 24px 24px;display:flex;overflow-y:auto}.ai-prompt-meta-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.meta-bar-left{align-items:center;gap:10px;display:flex}.prompt-status-pill{border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700}.prompt-status-pill.is-custom{color:#1d4ed8;background:#3b82f61f;border:1px solid #3b82f640}.prompt-status-pill.is-default{color:#475569;background:#64748b1f}.prompt-updated-at{color:var(--slate,#64748b);font-size:.8rem}.meta-bar-quick-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quick-actions-label{color:var(--slate,#64748b);font-size:.8rem}.quick-action-pill{background:var(--surface-soft,#f1f5f9);color:var(--ink,#1e293b);border:1px solid var(--line,#e2e8f0);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:.78rem;transition:all .15s}.quick-action-pill:hover{border-color:var(--blue,#3b82f6);color:var(--blue,#2563eb);background:#3b82f61a}.ai-prompt-textarea{width:100%;color:var(--ink,#0f172a);border:1px solid var(--line,#cbd5e1);resize:vertical;background:#fff;border-radius:8px;min-height:320px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem;line-height:1.55;box-shadow:inset 0 2px 4px #00000005}.ai-prompt-textarea:focus{border-color:var(--blue,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f626}.ai-prompt-editor-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.ai-prompt-editor-footer .footer-right{align-items:center;gap:10px;display:flex}.prompt-btn-save{background:var(--blue,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.prompt-btn-save:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.prompt-btn-reset{color:var(--slate,#64748b);border:1px solid var(--line,#cbd5e1);cursor:pointer;background:0 0;border-radius:8px;padding:9px 14px;font-size:.85rem;transition:all .2s}.prompt-btn-reset:hover:not(:disabled){color:#dc2626;background:#ef444414;border-color:#fca5a5}.prompt-btn-cancel{background:var(--surface-soft,#f1f5f9);color:var(--ink,#1e293b);border:1px solid var(--line,#cbd5e1);cursor:pointer;border-radius:8px;padding:9px 16px;font-size:.85rem;font-weight:600}.ai-prompt-history-pane{max-height:calc(90vh - 160px);padding:16px 24px 24px;overflow-y:auto}.empty-history-text{text-align:center;color:var(--slate,#64748b);padding:40px 0;font-size:.95rem}.ai-logs-list{flex-direction:column;gap:12px;display:flex}.ai-log-card{border:1px solid var(--line,#e2e8f0);background:#fff;border-radius:10px;transition:border-color .2s;overflow:hidden;box-shadow:0 2px 8px #00000008}.ai-log-card:hover{border-color:#3b82f666}.ai-log-header{cursor:pointer;background:var(--surface-soft,#fafbfc);flex-direction:column;gap:8px;padding:14px 18px;display:flex}.log-header-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.log-action-badge{border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:750}.log-action-badge.is-apply{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.log-action-badge.is-preview{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.log-date{color:var(--ink,#1e293b);font-size:.85rem;font-weight:650}.log-model{color:var(--slate,#64748b);background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.78rem}.log-latency{color:var(--slate,#64748b);font-size:.78rem}.log-header-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.log-pace-tags{align-items:center;gap:6px;display:flex}.pace-pill{color:#1e40af;background:#3b82f614;border-radius:4px;padding:2px 7px;font-size:.75rem}.log-expand-toggle{color:var(--blue,#2563eb);cursor:pointer;background:0 0;border:none;font-size:.8rem;font-weight:650}.ai-log-details{border-top:1px solid var(--line,#e2e8f0);background:#fff;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.log-detail-section h4{color:var(--ink,#1e293b);margin:0 0 6px;font-size:.85rem;font-weight:700}.log-code-block{border:1px solid var(--line,#e2e8f0);white-space:pre-wrap;word-break:break-word;color:#334155;background:#f8fafc;border-radius:6px;max-height:220px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;line-height:1.5;overflow-y:auto}.log-proposal-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.log-proposal-item{border:1px solid var(--line,#e2e8f0);background:#f8fafc;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.item-mins{color:var(--blue,#2563eb);font-size:.85rem;font-weight:750}.item-reason{color:var(--slate,#64748b);font-size:.78rem;line-height:1.35}.more-lessons-note{color:var(--slate,#64748b);grid-column:1/-1;margin:4px 0 0;font-size:.78rem;font-style:italic}.study-plan-ai-preview,.study-plan-reschedule-preview{color:var(--ink);background:var(--blue-soft);border:1px solid color-mix(in srgb, var(--blue) 35%, var(--line));justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:16px 18px;display:flex}.study-plan-ai-preview>div,.study-plan-reschedule-preview>div{align-items:center;gap:10px;display:flex}.study-plan-ai-preview span,.study-plan-reschedule-preview span{color:var(--slate);font-size:var(--t-sm)}.study-plan-ai-preview button,.study-plan-reschedule-preview button{min-height:44px;color:var(--surface);background:var(--blue);border-radius:8px;padding:0 14px;font-weight:750}.study-plan-ai-preview .study-plan-preview-cancel,.study-plan-reschedule-preview .study-plan-preview-cancel{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.study-plan-missed-banner{color:var(--ink);background:var(--orange-soft);border:1px solid color-mix(in srgb, var(--warning) 45%, var(--line));justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:16px 18px;display:flex}.study-plan-missed-banner>div{gap:4px;display:grid}.study-plan-missed-banner strong{color:var(--warning);font-size:var(--t-sm)}.study-plan-missed-banner span{color:var(--slate);font-size:var(--t-sm)}.study-plan-missed-banner button{min-height:44px;color:var(--surface);background:var(--warning);white-space:nowrap;border-radius:8px;padding:0 14px;font-weight:750}.study-plan-missed-banner button:disabled{opacity:.65}.study-plan-deadline-alert{background:var(--orange-soft);border:1px solid color-mix(in srgb, var(--warning) 45%, var(--line));cursor:pointer;width:100%;font:inherit;font-size:var(--t-sm);color:var(--ink);text-align:left;border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;transition:background .15s;display:flex}.study-plan-deadline-alert:hover{background:color-mix(in srgb, var(--warning) 12%, var(--bg))}.deadline-alert-icon{font-size:1.25em}.deadline-alert-arrow{color:var(--slate);margin-left:auto;font-size:1.3em}.target-end-date-row{align-items:center;gap:8px;display:flex}.target-end-date-row input{flex:1}.target-end-date-save{border:1px solid var(--line);background:var(--bg-raised);color:var(--ink);font-size:var(--t-sm);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 14px}.target-end-date-save:hover{background:var(--accent);color:#fff}.deadline-modal{background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;width:90%;max-width:440px;max-height:80vh;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.deadline-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.deadline-modal-header h3{margin:0;font-size:1.05rem;font-weight:700}.deadline-modal-body{padding:22px}.deadline-modal-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.deadline-stat{background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.deadline-stat-label{color:var(--slate);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.deadline-stat-value{color:var(--ink);font-size:1rem;font-weight:700}.deadline-stat-late{color:var(--warning)}.deadline-modal-risk{background:var(--orange-soft);border:1px solid color-mix(in srgb, var(--warning) 30%, var(--line));font-size:var(--t-sm);border-radius:10px;margin-top:18px;padding:14px 16px}.deadline-modal-risk h4{font-size:var(--t-sm);color:var(--warning);margin:0 0 10px;font-weight:600}.deadline-modal-risk ul{color:var(--ink);margin:0 0 0 18px;padding:0;line-height:1.6}.deadline-modal-risk li{margin-bottom:2px}.study-plan-missed{color:var(--warning);background:var(--orange-soft);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:750;display:inline-block}.study-plan-day.is-missed-day{border-left:3px solid var(--warning)}.study-plan-empty{color:var(--slate);text-align:center;background:var(--surface);border:1px dashed var(--line);margin:28px 0 0;padding:42px 24px}.study-plan-timeline{gap:0;margin-top:34px;display:grid}.study-plan-week{grid-template-columns:64px minmax(0,1fr);gap:18px;padding-bottom:24px;display:grid;position:relative}.study-plan-week:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:48px;bottom:0;left:31px}.study-plan-week-marker{z-index:1;width:64px;height:48px;color:var(--surface);background:var(--navy);font-size:var(--t-sm);border-radius:14px 14px 4px;place-items:center;display:grid;position:relative}.study-plan-week-content{background:var(--surface);border:1px solid var(--line);overflow:hidden}.study-plan-week-content>header{background:var(--surface-raised);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.study-plan-week-content>header p{color:var(--blue);font-size:var(--t-xs);text-transform:uppercase;margin:0 0 2px;font-weight:750}.study-plan-week-content>header h2{margin:0;font-size:17px}.study-plan-week-content>header>span{color:var(--slate);font-size:var(--t-sm)}.study-plan-day-list{display:grid}.study-plan-day{border-top:1px solid var(--line);grid-template-columns:168px minmax(0,1fr);min-width:0;transition:background-color .2s;display:grid}.study-plan-day:first-child{border-top:0}.study-plan-day.is-completed-day{border-left:4px solid var(--success)}.study-plan-day-header{background:var(--surface-raised);border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;padding:16px 12px;display:flex}.study-plan-day-title{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.study-plan-day time{color:var(--ink);white-space:nowrap;font-size:13px;font-weight:750}.study-plan-today,.study-plan-overdue{color:var(--blue);background:var(--blue-soft);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:750;display:inline-block}.study-plan-overdue{color:var(--warning);background:var(--orange-soft)}.study-plan-day-actions{flex-direction:column;gap:8px;width:100%;display:flex}.study-plan-checked-badge{color:#047857;box-sizing:border-box;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;flex-direction:column;gap:2px;width:100%;padding:6px 9px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.study-plan-checked-badge .badge-main,.study-plan-checkin-badge .badge-main{justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.study-plan-checked-badge .badge-time,.study-plan-checkin-badge .badge-time{white-space:nowrap;font-size:12px;font-weight:800}.study-plan-checkin-btn{color:#fff;background:var(--blue);cursor:pointer;border:none;border-radius:8px;width:100%;padding:7px 10px;font-size:12px;font-weight:700;transition:all .15s;box-shadow:0 2px 4px #2563eb33}.study-plan-checkin-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.study-plan-checkin-btn:disabled{opacity:.6;cursor:not-allowed}.study-plan-checkin-badge{box-sizing:border-box;border-radius:8px;flex-direction:column;gap:3px;width:100%;padding:6px 9px;font-size:12px;font-weight:700;line-height:1.3;display:flex}.study-plan-checkin-badge.is-ontime{color:#065f46;background:#f0fdf4;border:1px solid #bbf7d0}.study-plan-checkin-badge.is-makeup{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.study-plan-checkin-badge small{opacity:.85;font-size:11px;font-weight:600}.study-plan-checkin-badge .badge-sub{justify-content:space-between;align-items:center;gap:6px;width:100%;margin-top:3px;display:flex}.study-plan-uncheck-btn{color:#64748b;cursor:pointer;background:#fffc;border:1px solid #94a3b873;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700;line-height:1.2;transition:all .15s}.study-plan-uncheck-btn:hover:not(:disabled){color:#dc2626;background:#fee2e2;border-color:#fca5a5}.study-plan-uncheck-btn:disabled{opacity:.5;cursor:wait}.study-plan-day-content{flex-direction:column;min-width:0;display:flex}.study-plan-day-comparison{background:var(--surface-muted);border-bottom:1px solid var(--line);font-size:var(--t-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:9px 18px;display:flex}.comparison-pills{align-items:center;gap:10px;display:flex}.pill-estimated{color:var(--slate)}.pill-estimated strong{color:var(--ink);font-weight:700}.pill-actual{color:var(--slate)}.pill-actual strong{color:var(--ink);font-weight:750}.comparison-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pace-badge{font-size:var(--t-xs);border:1px solid #0000;border-radius:999px;padding:3px 10px;font-weight:750;line-height:1.3}.pace-badge.is-clickable{cursor:pointer;transition:all .15s}.pace-badge.is-clickable:hover{filter:brightness(.96);transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.pace-badge.is-ontrack{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.pace-badge.is-faster{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.pace-badge.is-longer{color:#9a3412;background:#ffedd5;border:1px solid #fed7aa}.pace-badge.is-inprogress{color:#854d0e;background:#fef9c3;border:1px solid #fef08a}.study-plan-diagnostic-btn{color:var(--blue);background:var(--blue-soft);border:1px solid color-mix(in srgb, var(--blue) 35%, var(--line));cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 11px;font-size:11.5px;font-weight:750;line-height:1.2;transition:all .15s;display:inline-flex}.study-plan-diagnostic-btn:hover{color:#fff;background:var(--blue);border-color:var(--blue);transform:translateY(-1px);box-shadow:0 2px 6px #2563eb40}.study-plan-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 24px;display:grid}.study-plan-stat-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:14px;align-items:center;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.study-plan-stat-card:hover{box-shadow:var(--shadow-medium,0 6px 16px #0000000f);transform:translateY(-2px)}.study-plan-stat-card .stat-icon{background:var(--surface-raised);border-radius:12px;flex-shrink:0;padding:10px;font-size:22px}.study-plan-stat-card .stat-body{flex-direction:column;gap:2px;min-width:0;display:flex}.study-plan-stat-card .stat-body span{color:var(--slate);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.study-plan-stat-card .stat-body strong{color:var(--ink);letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1.2}.study-plan-stat-card .stat-body small{color:var(--slate);font-size:11px;line-height:1.3}@media (max-width:960px){.study-plan-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.study-plan-stats-grid,.study-plan-day{grid-template-columns:1fr}.study-plan-day-header{border-right:none;border-bottom:1px solid var(--line)}}.study-plan-lessons-list{flex-direction:column;min-width:0;display:flex}.study-plan-lesson{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:17px 18px;transition:background-color .15s;display:flex}.study-plan-lesson:first-child{border-top:0}.study-plan-lesson.is-lesson-achieved{background:#10b98105}.study-plan-lesson-detail{flex-direction:column;gap:6px;min-width:0;display:flex}.study-plan-lesson-title-row{align-items:flex-start;gap:8px;display:flex}.lesson-achieved-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:11px;font-weight:900;display:inline-flex}.study-plan-lesson-titles{flex-direction:column;gap:2px;min-width:0;display:flex}.study-plan-lesson-titles span{color:var(--slate);font-size:var(--t-sm);line-height:1.3}.study-plan-lesson-titles strong{color:var(--ink);overflow-wrap:anywhere;font-size:15px;font-weight:750;line-height:1.35}.study-plan-lesson-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.study-plan-status,.study-plan-overdue,.study-plan-score,.study-plan-duration,.study-plan-actual-duration{height:24px;min-height:24px;max-height:24px;font-size:var(--t-xs);box-sizing:border-box;vertical-align:middle;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-weight:700;line-height:1;display:inline-flex}.study-plan-status{color:var(--slate);background:var(--surface-muted)}button.study-plan-score,.study-plan-score{border:1px solid var(--line);color:var(--slate);background:var(--surface-muted);box-shadow:none;cursor:default}button.study-plan-score.is-clickable{cursor:pointer;transition:all .15s}button.study-plan-score.is-clickable:hover{color:var(--blue);background:var(--blue-soft);border-color:color-mix(in srgb, var(--blue) 40%, var(--line));transform:translateY(-1px)}.study-plan-duration{color:var(--blue);background:var(--blue-soft)}.study-plan-actual-duration{color:#047857;background:#d1fae5}.study-plan-reason{max-width:680px;color:var(--slate);font-size:var(--t-sm);line-height:1.45;display:block}.study-plan-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(8px);background:#0f172aad;justify-content:center;align-items:center;padding:20px;animation:.2s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.study-plan-modal-dialog{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;width:100%;max-width:820px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.study-plan-modal-header{background:var(--surface-raised);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.modal-title-group{flex-direction:column;gap:2px;display:flex}.modal-badge-subtitle{color:var(--blue);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:800}.study-plan-modal-header h2{color:var(--ink);margin:0;font-size:20px;font-weight:800}.study-plan-modal-close{background:var(--surface);border:1px solid var(--line);width:34px;height:34px;color:var(--slate);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.study-plan-modal-close:hover{color:var(--ink);background:var(--surface-raised);border-color:var(--slate)}.study-plan-modal-body{flex-direction:column;gap:20px;padding:22px 24px;display:flex;overflow-y:auto}.study-plan-modal-loading{color:var(--slate);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px 16px;display:flex}.loading-spinner{border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.study-plan-diagnostic-banner{border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;line-height:1.45;display:flex}.study-plan-diagnostic-banner.is-completed{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.study-plan-diagnostic-banner.is-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.study-plan-diagnostic-banner.is-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.diagnostic-icon{flex-shrink:0;margin-top:2px;font-size:22px;line-height:1}.diagnostic-content{flex-direction:column;gap:4px;font-size:13.5px;display:flex}.diagnostic-content strong{font-size:14.5px}.diagnostic-content p{opacity:.95;margin:0}.diagnostic-content .text-highlight{color:#b91c1c;font-weight:800}.study-plan-modal-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.modal-stat-card{background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:transform .15s;display:flex}.modal-stat-card.is-highlight-pending{background:#fff7ed;border-color:#fed7aa}.stat-card-icon{flex-shrink:0;font-size:20px}.stat-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-card-info span{text-transform:uppercase;color:var(--slate);letter-spacing:.03em;font-size:10.5px;font-weight:750}.stat-card-info strong{color:var(--ink);white-space:nowrap;font-size:15px;font-weight:800}.stat-card-info strong.pending-count{color:#ea580c}.stat-card-info small{color:var(--slate);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.study-plan-modal-lessons .section-title{color:var(--ink);margin:0 0 12px;font-size:15px;font-weight:800}.lessons-breakdown-list{flex-direction:column;gap:14px;display:flex}.modal-lesson-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.modal-lesson-card.is-lesson-pending{border-left:4px solid #f59e0b}.modal-lesson-card.is-lesson-achieved{border-left:4px solid #10b981}.modal-lesson-header{background:var(--surface-raised);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.lesson-header-titles{flex-direction:column;gap:2px;display:flex}.lesson-header-titles .unit-label{color:var(--slate);font-size:11.5px}.lesson-header-titles .lesson-title{color:var(--ink);margin:0;font-size:15px;font-weight:750}.lesson-header-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal-lesson-status{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.modal-lesson-status.is-achieved{color:#065f46;background:#d1fae5}.modal-lesson-status.is-not_achieved{color:#92400e;background:#fef3c7}.modal-lesson-score{color:var(--slate);background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.modal-lesson-action-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s}.modal-lesson-action-btn:hover{background:var(--surface-raised);border-color:var(--slate)}.modal-activities-list{flex-direction:column;display:flex}.modal-activity-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;transition:background-color .15s;display:flex}.modal-activity-row:last-child{border-bottom:none}.modal-activity-row.is-act-pending{background:#f59e0b0a}.activity-row-left{align-items:center;gap:10px;min-width:0;display:flex}.activity-index{color:var(--slate);min-width:22px;font-size:11px;font-weight:750}.activity-type-icon{flex-shrink:0;font-size:16px}.activity-text{flex-direction:column;gap:3px;min-width:0;display:flex}.activity-name{color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.3}.activity-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.activity-type-tag{color:var(--slate);background:var(--surface-raised);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:11px}.activity-time-tag,.activity-score-tag{color:var(--slate);font-size:11px}.activity-row-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.act-status-badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:750}.act-status-badge.is-achieved{color:#065f46;background:#d1fae5}.act-status-badge.is-pending{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;font-weight:800}.act-jump-btn{cursor:pointer;white-space:nowrap;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:750;transition:all .15s}.act-jump-btn.is-solve{color:#fff;background:var(--blue);border:none;box-shadow:0 2px 4px #2563eb40}.act-jump-btn.is-solve:hover{opacity:.92;transform:translateY(-1px)}.act-jump-btn.is-review{color:var(--slate);background:var(--surface);border:1px solid var(--line)}.act-jump-btn.is-review:hover{color:var(--ink);border-color:var(--slate)}.study-plan-modal-footer{background:var(--surface-raised);border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.modal-btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .15s}.modal-btn-secondary:hover{background:var(--surface-raised);border-color:var(--slate)}.modal-btn-primary{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 20px;font-size:13px;font-weight:750;transition:all .15s;box-shadow:0 2px 6px #2563eb4d}.modal-btn-primary:hover{opacity:.93;transform:translateY(-1px)}@media (max-width:768px){.study-plan-modal-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-activity-row{flex-direction:column;align-items:flex-start;gap:8px}.activity-row-right{justify-content:space-between;width:100%}}@media (max-width:480px){.study-plan-modal-stats-grid{grid-template-columns:1fr}}.study-plan-status{color:var(--slate);background:var(--surface-muted);font-size:var(--t-xs);border-radius:999px;flex:none;padding:3px 8px;font-weight:700}.study-plan-status.is-not_achieved{color:var(--warning);background:var(--orange-soft)}.study-plan-status.is-achieved{color:var(--success);background:var(--success-soft)}.study-plan-score{color:var(--slate);background:var(--surface-muted);border:1px solid var(--line);font-size:var(--t-xs);border-radius:999px;padding:3px 8px;font-weight:700}.study-plan-duration{color:var(--blue);background:var(--blue-soft);font-size:var(--t-xs);border-radius:999px;padding:3px 8px;font-weight:700}.study-plan-actual-duration{color:#047857;font-size:var(--t-xs);background:#d1fae5;border-radius:999px;padding:3px 8px;font-weight:700}.study-plan-reason{max-width:680px;color:var(--slate);font-size:var(--t-sm);margin-top:3px;line-height:1.45;display:block}.video-progress{color:var(--slate);font-size:var(--t-sm);margin:0}.reports-page{width:100%;color:var(--ink);padding:36px 24px 64px}.reports-heading p{color:var(--blue);font-size:var(--t-sm);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-weight:750}.reports-heading h1{margin:0;font-size:clamp(26px,4vw,38px)}.report-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.report-stats article{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:12px;gap:6px;padding:20px;display:grid}.report-stats span,.report-stats small{color:var(--slate)}.report-stats strong{color:var(--blue);font-size:25px}.report-stats small{font-size:var(--t-sm)}.unit-report{margin-top:32px}.unit-report h2{margin:0 0 14px;font-size:20px}.unit-report-table{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.unit-report-row{border-top:1px solid var(--line);grid-template-columns:minmax(220px,1.8fr) repeat(4,minmax(110px,1fr));align-items:center;gap:16px;padding:16px 18px;display:grid}.unit-report-row:first-child{border-top:0}.unit-report-header{color:var(--slate);background:var(--surface-raised);font-size:var(--t-sm);font-weight:700}.unit-report-row:not(.unit-report-header) span{color:var(--slate);font-size:var(--t-md)}.report-projection{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--slate);box-shadow:var(--shadow-soft);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:24px;padding:22px 24px;display:flex}.report-projection.is-ahead{border-left-color:var(--success)}.report-projection.is-steady{border-left-color:var(--blue)}.report-projection.is-behind{border-left-color:var(--warning)}.report-projection-main{gap:4px;display:grid}.report-projection-kicker{color:var(--slate);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;margin:0;font-weight:700}.report-projection-main strong{color:var(--ink);font-size:28px;line-height:1.2}.report-projection-verdict{color:var(--slate);font-size:var(--t-sm);margin:2px 0 0}.report-projection.is-ahead .report-projection-verdict{color:var(--success)}.report-projection.is-behind .report-projection-verdict{color:var(--warning)}.report-projection-facts{flex-wrap:wrap;gap:22px;margin:0;display:flex}.report-projection-facts div{gap:3px;display:grid}.report-projection-facts dt{color:var(--slate);font-size:var(--t-xs)}.report-projection-facts dd{color:var(--ink);font-size:var(--t-md);margin:0;font-weight:650}.report-block{margin-top:32px}.report-block-head{gap:4px;margin-bottom:14px;display:grid}.report-block-head h2{margin:0;font-size:20px}.report-block-head p{color:var(--slate);font-size:var(--t-sm);margin:0}.trend-chart-scroll{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 18px 16px;overflow-x:auto}.trend-chart{align-items:flex-end;gap:12px;min-width:min-content;margin:0;padding:0;list-style:none;display:flex}.trend-column{justify-items:center;gap:6px;min-width:46px;display:grid}.trend-value{color:var(--ink);font-size:var(--t-sm);font-weight:700}.trend-bar-track{background:var(--surface-muted);border-radius:6px;align-items:flex-end;width:100%;height:132px;display:flex}.trend-bar{background:var(--blue);border-radius:6px;width:100%}.trend-bar.is-empty{background:var(--muted);height:3px}.trend-week{color:var(--slate);font-size:var(--t-xs);white-space:nowrap}.trend-accuracy{color:var(--slate);font-size:var(--t-xs);font-weight:650}.category-report{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:0;display:grid;overflow:hidden}.category-row{border-top:1px solid var(--line);gap:8px;padding:16px 18px;display:grid}.category-row:first-child{border-top:0}.category-row-head{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.category-row-head strong{color:var(--ink);font-size:var(--t-md)}.category-row-head span{color:var(--slate);font-size:var(--t-sm);text-align:right}.category-meter{background:var(--surface-muted);border-radius:999px;height:6px}.category-meter-fill{background:var(--blue);border-radius:999px;height:100%}.report-state{color:var(--slate);text-align:center;padding:48px 24px}.courses-page{width:100%;color:var(--ink);padding:44px 24px 72px}.courses-heading p{color:var(--blue);font-size:var(--t-sm);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-weight:750}.courses-heading h1{margin:0 0 8px;font-size:clamp(30px,5vw,44px)}.courses-heading span{color:var(--slate)}.course-catalog{gap:16px;margin-top:30px;display:grid}.course-catalog article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-soft);gap:20px;padding:24px;display:grid}.course-catalog article.is-active{border-color:var(--blue)}.course-card-head{justify-content:space-between;align-items:center;gap:28px;display:flex}.course-card-head>div{gap:6px;display:grid}.course-catalog article span{color:var(--blue);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:750}.course-catalog article h2{font-size:var(--t-xl);margin:0}.course-catalog article p{color:var(--slate);margin:0}.course-catalog article small{color:var(--muted);font-weight:650}.course-card-head>button{min-width:122px;min-height:44px;color:var(--surface);background:var(--blue);border-radius:var(--r-btn);padding:0 18px;font-weight:750}.course-card-head>button:disabled{cursor:not-allowed;opacity:.55}.course-unit-list{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;padding-top:18px;display:grid}.course-unit-list>div{background:var(--surface-muted);border-radius:var(--r-sm);border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:12px 14px;display:grid}.course-unit-list>div:hover{border-color:var(--blue)}.course-unit-list>div.is-checked{border-color:color-mix(in srgb, var(--success) 45%, var(--line));background:var(--success-soft)}.course-unit-open{text-align:left;gap:2px;min-width:0;display:grid}.course-unit-open strong{overflow-wrap:anywhere;font-size:var(--t-sm)}.course-unit-open small,.course-unit-checked-at{color:var(--muted)}.course-unit-check{color:var(--blue);border:1px solid var(--line);background:var(--surface);font-size:var(--t-xs);white-space:nowrap;border-radius:6px;padding:6px 8px;font-weight:750}.course-unit-list>div.is-checked .course-unit-check{color:var(--success);border-color:var(--success)}.course-unit-check:disabled{cursor:wait;opacity:.6}.course-unit-checked-at{font-size:var(--t-xs);grid-column:1/-1}.data-check-banner{z-index:20;color:var(--ink);background:var(--amber-soft);border-bottom:1px solid var(--warning);justify-content:space-between;align-items:center;gap:18px;padding:12px 20px;display:flex;position:sticky;top:0}.data-check-banner>div:first-child{gap:2px;display:grid}.data-check-banner strong{font-size:var(--t-sm)}.data-check-banner span{color:var(--slate);font-size:var(--t-xs)}.data-check-actions{flex-shrink:0;gap:8px;display:flex}.data-check-actions button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);border-radius:7px;padding:0 12px;font-weight:700}.data-check-actions button.is-primary{border-color:var(--success);background:var(--success);color:var(--on-accent)}.data-check-actions button:disabled{cursor:wait;opacity:.6}.flashcard-review-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.flashcard-review-actions button{border:1px solid var(--line);cursor:pointer;border-radius:9px;min-height:48px;padding:0 18px;font-weight:750}.flashcard-review-actions .is-learning{color:var(--orange);background:var(--surface)}.flashcard-review-actions .is-known{color:var(--surface);background:var(--blue);border-color:var(--blue)}.flashcard-review-actions button:focus-visible,.vocabulary-heading button:focus-visible{outline:3px solid color-mix(in srgb, var(--blue) 35%, transparent);outline-offset:2px}.flashcard-review-status{min-height:18px;color:var(--slate);font-size:var(--t-sm);text-align:center;margin:-8px 0 0}.vocabulary-page{width:100%;color:var(--ink);padding:36px 24px 64px}.vocabulary-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.vocabulary-heading p,.due-review-card>p{color:var(--blue);font-size:var(--t-sm);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-weight:750}.vocabulary-heading h1{margin:0 0 8px;font-size:clamp(26px,4vw,38px)}.vocabulary-heading span{color:var(--slate);font-size:var(--t-md)}.vocabulary-heading button{min-height:46px;color:var(--surface);background:var(--blue);cursor:pointer;border:0;border-radius:9px;padding:0 18px;font-weight:750}.vocabulary-heading button:disabled{color:var(--slate);background:var(--surface-muted);cursor:not-allowed}.vocabulary-list{gap:10px;margin-top:28px;display:grid}.vocabulary-list article{background:var(--surface);border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(180px,1fr) auto minmax(140px,auto);align-items:center;gap:18px;padding:16px 18px;display:grid}.vocabulary-list article>div{gap:4px;display:grid}.vocabulary-list article>div span,.vocabulary-list small{color:var(--slate)}.vocabulary-badge{border:1px solid var(--line);font-size:var(--t-sm);border-radius:999px;padding:5px 9px;font-weight:700}.vocabulary-badge.is-known{color:var(--blue);background:var(--blue-soft)}.vocabulary-badge.is-learning{color:var(--orange);background:var(--surface-raised)}.due-review-card{text-align:center;background:var(--surface);border:1px solid var(--line);width:min(100%,560px);box-shadow:var(--shadow-soft);border-radius:16px;gap:18px;margin:30px auto;padding:32px;display:grid}.due-review-card h1{color:var(--orange);margin:4px 0 0;font-size:38px}.due-review-card>strong{color:var(--blue);font-size:20px}.today-page,.mistakes-page,.search-page{width:100%;color:var(--ink);padding:42px 28px 72px}.today-heading h1,.mistakes-heading h1,.search-heading h1{letter-spacing:-.04em;margin:4px 0 8px;font-size:clamp(32px,4vw,52px)}.today-heading>p:last-child,.mistakes-heading>p:last-child,.search-heading>p:last-child{color:var(--slate);margin:0}.today-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 18px;display:grid}.today-stats article{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:column;gap:6px;padding:20px;display:flex}.today-stats strong{color:var(--blue);font-size:30px}.today-stats span{color:var(--slate);font-size:var(--t-sm)}.today-continue,.today-review{border:1px solid color-mix(in srgb, var(--blue) 32%, var(--line));background:var(--blue-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:22px;display:flex}.today-continue span,.today-review span,.today-section-head span{color:var(--blue);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.today-continue h2,.today-review h2{margin:5px 0;font-size:21px}.today-continue p{color:var(--slate);margin:0}.today-continue button,.today-review button,.today-lessons button,.today-empty button{background:var(--blue);color:var(--on-accent);white-space:nowrap;border-radius:9px;padding:11px 17px;font-weight:700}.today-section{border:1px solid var(--line);background:var(--surface);border-radius:14px;margin-bottom:18px;overflow:hidden}.today-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.today-section-head h2{margin:5px 0 0}.today-section-head button{color:var(--blue);font-weight:700}.today-lessons article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.today-lessons article:last-child{border-bottom:0}.today-lessons span{color:var(--slate);font-size:var(--t-sm)}.today-lessons h3{margin:5px 0}.today-lessons p{color:var(--muted);font-size:var(--t-sm);margin:0}.today-empty{color:var(--slate);justify-content:space-between;align-items:center;gap:16px;padding:28px 22px;display:flex}.mistakes-heading,.search-heading{margin-bottom:24px}.mistakes-main-tabs{border-bottom:1px solid var(--line,#e2e8f0);gap:10px;margin-top:18px;padding-bottom:2px;display:flex}.mistakes-main-tab{color:var(--slate,#64748b);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;padding:10px 18px;font-size:.95rem;font-weight:700;transition:all .2s}.mistakes-main-tab:hover{color:var(--blue,#2563eb);background:#3b82f60a}.mistakes-main-tab.is-active{color:var(--blue,#2563eb);border-bottom-color:var(--blue,#2563eb);background:#3b82f60f}.listening-weaknesses-container{flex-direction:column;gap:18px;display:flex}.listening-mode-selector-bar{background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex;box-shadow:0 2px 8px #00000005}.listening-mode-toggle{gap:6px;display:flex}.mode-btn{border:1px solid var(--line,#e2e8f0);background:var(--surface-soft,#f8fafc);color:var(--slate,#64748b);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .2s}.mode-btn:hover{color:var(--blue,#2563eb);background:#eff6ff}.mode-btn.is-active{background:var(--blue,#2563eb);color:#fff;border-color:var(--blue,#2563eb);box-shadow:0 2px 6px #2563eb33}.mode-btn.is-mistake-mode.is-active{background:#ea580c;border-color:#ea580c;box-shadow:0 2px 6px #ea580c33}.listening-autoplay-switch{align-items:center;display:flex}.autoplay-checkbox-label{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.listening-units-scroller{scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.unit-pill-btn{white-space:nowrap;border:1px solid var(--line,#e2e8f0);background:var(--surface,#fff);color:var(--slate,#64748b);cursor:pointer;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:.8rem;font-weight:650;transition:all .15s}.unit-pill-btn:hover{color:var(--ink,#1e293b);background:#f1f5f9;border-color:#cbd5e1}.unit-pill-btn.is-active{color:#fff;background:#1e293b;border-color:#1e293b}.listening-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.listening-category-tabs{flex-wrap:wrap;gap:6px;display:flex}.listening-tab-btn{background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);color:var(--slate,#64748b);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:650;transition:all .15s;display:inline-flex}.listening-tab-btn:hover{border-color:var(--blue,#3b82f6);color:var(--blue,#2563eb)}.listening-tab-btn.is-active{background:var(--blue,#2563eb);color:#fff;border-color:var(--blue,#2563eb)}.listening-tab-btn.is-active .tab-count-pill{color:#fff;background:#ffffff40}.tab-count-pill{background:#0000000f;border-radius:999px;padding:1px 6px;font-size:.72rem;font-weight:700}.listening-search-and-opts{flex-grow:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.listening-search-input{border:1px solid var(--line,#cbd5e1);min-width:240px;height:36px;color:var(--ink,#1e293b);background:#fff;border-radius:8px;padding:0 12px;font-size:.82rem}.listening-search-input:focus{border-color:var(--blue,#2563eb);outline:none;box-shadow:0 0 0 3px #3b82f61f}.listening-filter-actions{align-items:center;gap:8px;display:flex}.listening-checkbox-label{color:var(--slate,#64748b);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.context-pill.mistake-tag{color:#b91c1c;background:#fee2e2;font-weight:750}.listening-cards-list{flex-direction:column;gap:18px;display:flex}.listening-weakness-card{background:var(--surface,#fff);border:1px solid var(--line,#e2e8f0);border-radius:14px;flex-direction:column;gap:16px;padding:22px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 3px 12px #00000008}.listening-weakness-card:hover{border-color:#3b82f666;box-shadow:0 4px 16px #3b82f614}.listening-weakness-card.is-understood{opacity:.7;background:#f8fafc}.listening-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-context-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.context-pill{border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:650}.context-pill.unit-pill{color:#475569;background:#f1f5f9}.context-pill.lesson-pill{color:#1d4ed8;background:#eff6ff}.context-pill.category-pill{color:#92400e;background:#fef3c7}.context-pill.understood-pill{color:#059669;background:#ecfdf5;font-weight:750}.card-order-num{color:var(--slate,#94a3b8);font-size:.85rem;font-weight:800}.listening-card-body{flex-direction:column;gap:14px;display:flex}.listening-image-container{border:1px solid var(--line,#e2e8f0);background:#f8fafc;border-radius:10px;justify-content:center;max-height:240px;display:flex;overflow:hidden}.listening-part1-img{object-fit:contain;max-height:240px}.listening-audio-player{background:#f8fafc;border:1px solid #3b82f640;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.listening-audio-player.is-playing{border-color:var(--blue,#3b82f6);background:#eff6ff;box-shadow:0 0 0 3px #3b82f61f}.audio-play-btn{background:var(--blue,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;transition:all .2s;display:flex}.audio-play-btn:hover{background:#1d4ed8;transform:scale(1.05)}.audio-timeline-wrap{flex-direction:column;flex:1;gap:4px;display:flex}.audio-timeline-track{cursor:pointer;background:#e2e8f0;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.audio-timeline-fill{background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:999px;height:100%;transition:width .1s linear}.audio-time-label{color:var(--slate,#64748b);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.audio-controls-right{align-items:center;gap:6px;display:flex}.audio-replay-btn,.audio-speed-btn{border:1px solid var(--line,#cbd5e1);color:var(--ink,#1e293b);cursor:pointer;background:#fff;border-radius:6px;padding:5px 8px;font-size:.75rem;font-weight:700;transition:all .15s}.audio-replay-btn:hover,.audio-speed-btn:hover{border-color:var(--blue,#3b82f6);color:var(--blue,#2563eb)}.listening-no-audio-badge{color:var(--slate,#64748b);background:#f8fafc;border-radius:8px;padding:8px 12px;font-size:.8rem}.listening-question-text{color:var(--ink,#0f172a);margin:0;font-size:1.05rem;font-weight:700;line-height:1.45}.listening-options-grid{gap:8px;display:grid}.listening-option-item{border:1px solid var(--line,#e2e8f0);background:#fafafa;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:.88rem;display:flex}.listening-option-item.is-correct{color:#065f46;background:#ecfdf5;border-color:#6ee7b7;font-weight:650}.listening-option-item.is-wrong-selected{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.opt-letter{background:#0000000f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:750;display:flex}.listening-option-item.is-correct .opt-letter{color:#fff;background:#059669}.listening-option-item.is-wrong-selected .opt-letter{color:#fff;background:#dc2626}.opt-text{flex:1}.opt-badge{border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:700}.opt-badge.wrong{color:#b91c1c;background:#fee2e2}.opt-badge.correct{color:#047857;background:#d1fae5}.listening-direct-answers{flex-direction:column;gap:6px;display:flex}.listening-accordions{flex-direction:column;gap:8px;display:flex}.accordion-block{border:1px solid var(--line,#e2e8f0);border-radius:8px;overflow:hidden}.accordion-toggle-btn{width:100%;color:var(--ink,#1e293b);cursor:pointer;text-align:left;background:#f8fafc;border:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.82rem;font-weight:650;display:flex}.accordion-toggle-btn:hover{background:#f1f5f9}.accordion-content{border-top:1px solid var(--line,#e2e8f0);background:#fff;padding:10px 14px;font-size:.84rem;line-height:1.5}.accordion-content.script-box pre{white-space:pre-wrap;word-break:break-word;color:#334155;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.accordion-content.explanation-box p{color:#475569;margin:0}.listening-card-title-row{justify-content:space-between;align-items:center;display:flex}.listening-activity-title{color:var(--ink,#0f172a);align-items:center;gap:8px;margin:0;font-size:1.15rem;font-weight:800;display:flex}.item-count-badge{color:var(--slate,#64748b);background:#0000000d;border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:650}.vocab-flashcard-box{flex-direction:column;gap:14px;display:flex}.vocab-active-word-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.vocab-word-main-info{justify-content:space-between;align-items:center;gap:16px;display:flex}.vocab-word-texts{flex-direction:column;flex:1;gap:4px;display:flex}.vocab-term-line{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.vocab-term{color:var(--blue,#2563eb);font-size:1.3rem;font-weight:850}.vocab-phonetic{color:#475569;font-family:ui-monospace,monospace;font-size:.95rem}.vocab-pos{color:#64748b;font-size:.8rem;font-style:italic}.vocab-meaning{color:var(--ink,#1e293b);margin:0;font-size:1rem;font-weight:650}.vocab-example{color:#475569;margin:0;font-size:.85rem}.vocab-thumbnail-wrap{background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-shrink:0;width:90px;height:90px;overflow:hidden}.vocab-img-thumb{object-fit:cover;width:100%;height:100%}.vocab-words-pill-grid{flex-wrap:wrap;gap:6px;max-height:220px;padding:4px 2px;display:flex;overflow-y:auto}.vocab-word-pill{color:var(--ink,#1e293b);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;transition:all .15s;display:inline-flex}.vocab-word-pill:hover{border-color:var(--blue,#3b82f6);background:#eff6ff}.vocab-word-pill.is-selected{border-color:var(--blue,#2563eb);background:#eff6ff;box-shadow:0 0 0 2px #3b82f633}.vocab-word-pill.is-playing{background:var(--blue,#2563eb);color:#fff;border-color:var(--blue,#2563eb)}.vocab-word-pill.is-playing small{color:#fffc}.vocab-word-pill small{color:#64748b;font-size:.75rem}.word-play-icon{font-size:.72rem}.practice-group-box{flex-direction:column;gap:14px;display:flex}.practice-main-audio-block{margin-bottom:4px}.practice-sub-questions-list{flex-direction:column;gap:10px;display:flex}.practice-questions-toggle-bar{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:700;display:flex}.practice-questions-toggle-bar:hover{background:#e2e8f0}.practice-questions-grid{flex-direction:column;gap:12px;display:flex}.sub-question-card{background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.sub-question-card.is-sub-mistake{background:#fffbfb;border-color:#fca5a5}.sub-q-audio-row{align-items:center;gap:8px;display:flex}.sub-audio-label{color:var(--blue,#2563eb);font-size:.8rem;font-weight:700}.sub-q-header{align-items:baseline;gap:6px;display:flex}.sub-q-num{color:#64748b;white-space:nowrap;font-size:.85rem;font-weight:800}.sub-q-text{color:var(--ink,#1e293b);margin:0;font-size:.95rem;font-weight:700;line-height:1.4}.sub-q-mistake-action{justify-content:flex-end;display:flex}.btn-mark-understood.mini{padding:4px 10px;font-size:.78rem}.audio-play-btn.mini{width:28px;height:28px;font-size:.75rem}.listening-audio-player.compact{padding:6px 12px}.audio-quick-label{color:#475569;flex:1;font-size:.82rem}.listening-options-grid.compact{gap:6px}.listening-direct-answers.compact{gap:4px}.listening-accordions.compact{gap:6px}.listening-card-footer{border-top:1px solid var(--line,#f1f5f9);justify-content:flex-end;align-items:center;gap:10px;padding-top:6px;display:flex}.btn-retry-lesson{border:1px solid var(--blue,#2563eb);background:var(--blue,#2563eb);color:#fff;cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:all .15s}.btn-retry-lesson:hover{background:#1d4ed8}.btn-mark-understood{border:1px solid var(--line,#cbd5e1);color:var(--slate,#64748b);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:650;transition:all .15s}.btn-mark-understood:hover:not(:disabled){color:#059669;background:#ecfdf5;border-color:#a7f3d0}.listening-empty-card{flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.empty-icon{font-size:2.5rem}.mistake-list{gap:16px;display:grid}.mistake-list article{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:14px;padding:22px}.mistake-context{flex-wrap:wrap;gap:7px;display:flex}.mistake-context span{background:var(--surface-muted);color:var(--slate);font-size:var(--t-xs);border-radius:99px;padding:4px 8px}.mistake-list h2{margin:18px 0;font-size:19px;line-height:1.5}.mistake-answer{border-radius:8px;grid-template-columns:120px 1fr;gap:12px;margin-top:8px;padding:10px 12px;display:grid}.mistake-answer span{font-size:var(--t-sm)}.mistake-answer.is-wrong{background:var(--danger-soft);color:var(--danger)}.mistake-answer.is-correct{background:var(--success-soft);color:var(--success)}.mistake-explanation{border-left:3px solid var(--amber);color:var(--slate);background:var(--amber-soft);padding:12px}.mistake-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.mistake-actions button{border:1px solid var(--line);color:var(--blue);border-radius:8px;padding:10px 14px;font-weight:700}.mistake-actions button:first-child{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}.mistake-actions button:disabled{opacity:.6;cursor:wait}.search-main-input{color:var(--slate);font-size:var(--t-sm);gap:8px;font-weight:700;display:grid}.search-main-input input{border:1px solid var(--line);background:var(--surface);width:100%;height:48px;color:var(--ink);font:inherit;border-radius:10px;padding:0 15px}.search-results{gap:9px;margin-top:20px;display:grid}.search-results button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:15px;display:grid}.search-results button:hover{border-color:var(--blue);background:var(--blue-soft)}.search-results span{color:var(--blue);font-size:var(--t-xs);text-transform:uppercase;font-weight:700}.search-results small{color:var(--slate)}.learning-tool-button{border:1px solid var(--line);background:var(--surface);color:var(--slate);font-size:var(--t-xs);border-radius:8px;padding:8px 11px;font-weight:700}.learning-tool-button.is-active{color:var(--amber);background:var(--amber-soft);border-color:var(--amber)}.activity-notes-panel{z-index:50;background:var(--surface);border-left:1px solid var(--line);width:min(420px,100vw);height:100dvh;padding:22px;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-12px 0 36px #0000001f}.activity-notes-panel>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.activity-notes-panel header span{color:var(--blue);font-size:var(--t-xs);text-transform:uppercase;font-weight:700}.activity-notes-panel h2{margin:5px 0 0}.activity-notes-panel header>button{color:var(--slate);font-size:28px}.activity-notes-panel blockquote,.notes-section blockquote{border-left:3px solid var(--amber);background:var(--amber-soft);color:var(--slate);font-size:var(--t-sm);margin:0 0 12px;padding:10px 12px}.activity-notes-panel textarea{resize:vertical;border:1px solid var(--line);background:var(--surface-raised);width:100%;min-height:130px;color:var(--ink);font:inherit;border-radius:9px;padding:12px;line-height:1.55}.activity-note-scope{gap:7px;margin-bottom:10px;display:flex}.activity-note-scope button{border:1px solid var(--line);border-radius:7px;flex:1;padding:8px;font-weight:700}.activity-note-scope button.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.activity-note-form-actions{justify-content:flex-end;gap:8px;margin:10px 0 18px;display:flex}.activity-note-form-actions button{border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-weight:700}.activity-note-form-actions button:last-child{background:var(--blue);border-color:var(--blue);color:var(--on-accent)}.activity-note-error{color:var(--danger)}.activity-note-list{gap:10px;display:grid}.activity-note-list article{border:1px solid var(--line);background:var(--surface-raised);border-radius:9px;padding:13px}.activity-note-list article p{white-space:pre-wrap}.activity-note-list article>small{color:var(--blue);text-transform:uppercase;font-weight:700}.activity-note-list article>div{justify-content:flex-end;gap:10px;display:flex}.activity-note-list article button{color:var(--blue);font-weight:700}.notes-page{width:100%;color:var(--ink);padding:42px 28px 72px}.notes-heading{margin-bottom:28px}.notes-heading h1{letter-spacing:-.04em;margin:4px 0 8px;font-size:clamp(32px,4vw,52px)}.notes-heading>p:last-child{color:var(--slate);margin:0}.bookmarks-section,.notes-section{margin-top:22px}.bookmarks-section>p,.notes-section>p{color:var(--slate)}.bookmarks-section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bookmarks-section button{text-align:left;border:1px solid var(--line);background:var(--amber-soft);border-radius:10px;gap:5px;padding:16px;display:grid}.bookmarks-section button span{color:var(--amber);font-size:var(--t-xs);font-weight:700}.notes-section>div{gap:12px;display:grid}.notes-section article{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:18px}.notes-section article>p{white-space:pre-wrap;line-height:1.6}.notes-section small{color:var(--slate)}.notes-section footer{justify-content:flex-end;gap:12px;margin-top:14px;display:flex}.notes-section footer button{color:var(--blue);font-weight:700}.study-audio-player{border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;gap:10px;width:100%;padding:12px;display:grid}.study-audio-player>audio{width:100%}.study-audio-tools,.audio-learning-tools{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.study-audio-tools button,.audio-learning-tools button{border:1px solid var(--line);background:var(--surface);color:var(--slate);border-radius:6px;padding:6px 9px;font-size:12px;font-weight:700}.study-audio-tools button.on,.audio-speed button.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.audio-speed{gap:3px;display:flex}.audio-transcript{white-space:pre-line;color:var(--slate);background:var(--surface);border-radius:7px;margin:0;padding:12px;line-height:1.6}.audio-dictation{gap:9px;display:grid}.audio-dictation textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:90px;color:var(--ink);font:inherit;border-radius:7px;padding:10px}.audio-dictation button{background:var(--blue);color:var(--on-accent);border-radius:7px;justify-self:start;padding:8px 12px;font-weight:700}.audio-dictation strong{color:var(--blue);font-size:var(--t-sm)}.pronunciation-recorder{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:14px;width:100%;max-width:900px;margin-top:24px;padding:18px;display:grid}.pronunciation-recorder header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.pronunciation-recorder header span,.pronunciation-recorder>div>span{color:var(--blue);font-size:var(--t-xs);text-transform:uppercase;font-weight:700}.pronunciation-recorder h3{margin:5px 0 0}.pronunciation-recorder small{color:var(--slate)}.pronunciation-recorder>div:not(.pronunciation-record-actions){gap:7px;display:grid}.pronunciation-recorder audio{width:100%}.pronunciation-record-actions{gap:9px;display:flex}.pronunciation-record-actions button{border:1px solid var(--line);color:var(--blue);border-radius:8px;padding:9px 13px;font-weight:700}.pronunciation-record-actions button:first-child{background:var(--blue);color:var(--on-accent)}.pronunciation-record-actions button.is-recording{background:var(--danger);border-color:var(--danger)}.pronunciation-recorder>p{color:var(--danger);margin:0}.weak-review-builder{border:1px solid var(--line);background:var(--blue-soft);border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:20px;display:flex}.weak-review-builder span{color:var(--blue);font-size:var(--t-xs);text-transform:uppercase;font-weight:700}.weak-review-builder h2{margin:5px 0}.weak-review-builder p{color:var(--slate);margin:0}.weak-review-controls{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.weak-review-controls button{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:9px 12px;font-weight:700}.weak-review-controls button.on{color:var(--blue);border-color:var(--blue)}.weak-review-controls button:last-child{color:var(--on-accent);background:var(--blue);border-color:var(--blue)}.weak-review-session{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:22px;overflow:hidden}.weak-review-session>header{border-bottom:1px solid var(--line);justify-content:space-between;padding:17px;display:flex}.weak-review-session h2{margin:0;font-size:19px}.weak-review-session>div article{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 17px;display:grid}.weak-review-session article>span{background:var(--blue-soft);width:28px;height:28px;color:var(--blue);border-radius:50%;place-items:center;font-weight:700;display:grid}.weak-review-session article p{color:var(--slate);font-size:var(--t-sm);margin:4px 0 0}.weak-review-session article button{background:var(--blue);color:var(--on-accent);border-radius:7px;padding:8px 11px;font-weight:700}.habits-page{width:100%;color:var(--ink);padding:42px 28px 72px}.habits-heading{margin-bottom:28px}.habits-heading h1{letter-spacing:-.04em;margin:4px 0 7px;font-size:clamp(32px,4vw,52px)}.habits-heading>span{color:var(--slate)}.habit-streak{border:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.habit-streak>div{border-left:1px solid var(--line);gap:2px;padding:22px;display:grid}.habit-streak>div:first-child{border-left:0}.habit-streak span,.habit-section>header span{color:var(--blue);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.habit-streak strong{font-size:var(--t-3xl);line-height:1.1}.habit-streak small,.habit-section small{color:var(--slate)}.habit-section{border:1px solid var(--line);background:var(--surface);margin-top:22px;padding:22px}.habit-section>header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.habit-section h2{font-size:var(--t-xl);margin:3px 0 0}.habit-goals{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.habit-goals article{border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;padding:16px}.habit-goals article header{justify-content:space-between;gap:10px;display:flex}.habit-goals article header span{color:var(--slate)}.habit-goals article header strong{font-size:var(--t-sm)}.habit-goals article>div{background:var(--line);border-radius:99px;height:8px;margin:14px 0 8px;overflow:hidden}.habit-goals article>div i{border-radius:inherit;background:var(--blue);height:100%;display:block}.habit-note{color:var(--slate);margin:15px 0 0}.habit-range{gap:5px;display:flex}.habit-range button{border:1px solid var(--line);color:var(--slate);font-size:var(--t-sm);border-radius:6px;padding:6px 10px;font-weight:700}.habit-range button.on{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.habit-chart{grid-template-columns:repeat(7,minmax(22px,1fr));align-items:end;gap:9px;height:230px;padding-top:12px;display:grid}.habit-chart.is-30{grid-template-columns:repeat(30,minmax(5px,1fr));gap:3px}.habit-bar{grid-template-rows:24px 1fr 26px;place-items:end center;min-width:0;height:100%;display:grid}.habit-bar>span{color:var(--slate);font-size:11px}.habit-bar>i{background:var(--line);border-radius:5px 5px 2px 2px;width:min(28px,70%);min-height:2px}.habit-bar>i.active{background:var(--blue)}.habit-bar>small{white-space:nowrap;align-self:center;font-size:11px}.habit-chart.is-30 .habit-bar>span{display:none}.habit-chart.is-30 .habit-bar>small{font-size:9px}.habit-settings form{grid-template-columns:minmax(180px,1fr) minmax(150px,.7fr) minmax(230px,1.2fr) auto;align-items:end;gap:14px;display:grid}.habit-settings label:not(.habit-reminder-toggle){color:var(--ink);font-size:var(--t-sm);gap:6px;font-weight:700;display:grid}.habit-settings input[type=number],.habit-settings input[type=time]{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:44px;padding:0 12px}.habit-reminder-toggle{min-height:44px;color:var(--slate);font-size:var(--t-sm);cursor:pointer;align-items:center;gap:9px;display:flex}.habit-reminder-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--blue);flex-shrink:0;margin:0;padding:0;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important}.habit-settings form>button,.today-habit button{background:var(--blue);min-height:44px;color:var(--on-accent);border-radius:8px;padding:0 15px;font-weight:700}.habit-settings form>button:disabled{cursor:wait;opacity:.62}.habit-settings>small{margin-top:12px;display:block}.habit-calendar{border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:16px;display:flex}.habit-calendar>div:first-child{gap:4px;display:grid}.habit-calendar span{color:var(--slate);font-size:var(--t-sm)}.habit-calendar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.habit-calendar-actions button{border:1px solid var(--blue);background:var(--blue);min-height:40px;color:var(--on-accent);font-size:var(--t-sm);border-radius:8px;justify-content:center;align-items:center;padding:0 13px;font-weight:700;display:inline-flex}.habit-calendar-actions button:disabled{cursor:wait;opacity:.62}.habit-feedback{color:var(--success);background:var(--success-soft);border-left:3px solid;margin:12px 0 0;padding:10px 12px}.habit-feedback.is-error{color:var(--danger);background:var(--danger-soft)}.today-habit{border:1px solid var(--line);border-left:4px solid var(--blue);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:20px;display:flex}.today-habit span{color:var(--blue);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.today-habit h2{margin:4px 0 1px}.today-habit p{color:var(--slate);margin:0}.rail-tree-toggle{display:none}@media (max-width:960px){.learning-page{grid-template-columns:1fr}.rail{border-right:none;border-bottom:1px solid var(--line);height:auto;position:static}.rail-sep,.rail-foot{display:none}.data-check-banner{flex-direction:column;align-items:stretch;position:static}.data-check-actions{justify-content:flex-end}.course-tree{border-top:1px solid var(--line);padding:0 8px 12px;animation:.18s slideDown;display:none}.course-tree.mobile-open{display:block}.rail-head{padding:10px 14px}.rail-head b{font-size:var(--t-sm)}.rail-brand-mark{width:26px;height:26px;font-size:11px}.rail-nav{scrollbar-width:none;flex-direction:row;gap:4px;padding:0 8px 8px;overflow-x:auto}.rail-nav::-webkit-scrollbar{display:none}.rail-nav a{white-space:nowrap;font-size:var(--t-sm);border-radius:20px;flex-shrink:0;padding:6px 12px}.rail-nav a .ic,.rail-nav a .badge{display:none}.rail-search{margin:0 10px 10px}.rail-tree-toggle{border:1px solid var(--line);width:32px;height:32px;color:var(--slate);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.rail-tree-toggle.on,.rail-tree-toggle:hover{background:var(--blue-soft);color:var(--blue);border-color:#0000}.act-head{flex-wrap:wrap;gap:8px;padding:16px 14px 12px}.act-head-actions{flex-wrap:wrap;gap:6px}.activity-pane{padding:16px 14px 36px}.nav-hints{display:none}.study-plan-unified-grid-top{grid-template-columns:repeat(2,1fr)}.study-plan-unified-grid-mid{grid-template-columns:1fr}}@media (max-width:760px){.act-head h1{font-size:var(--t-xl)}.study-plan-page{padding:28px 14px 52px}.study-plan-unified{padding:18px}.study-plan-unified-grid-top{grid-template-columns:1fr}.study-plan-unified-extra,.study-plan-unified-actions{flex-direction:column;align-items:stretch}.study-plan-unified-actions-main,.study-plan-unified-actions-aux,.study-plan-unified-actions button{width:100%}.study-plan-builder{grid-template-columns:1fr;gap:20px;padding:20px}.study-plan-builder form{grid-template-columns:1fr}.study-plan-ai-preview,.study-plan-reschedule-preview,.study-plan-missed-banner,.study-plan-ai-preview>div,.study-plan-reschedule-preview>div{flex-direction:column;align-items:stretch}.study-plan-ai-preview button,.study-plan-reschedule-preview button,.study-plan-missed-banner button{width:100%}.study-plan-week{grid-template-columns:44px minmax(0,1fr);gap:10px}.study-plan-week-marker{width:44px;height:44px}.study-plan-week:not(:last-child):before{top:44px;left:21px}.study-plan-week-content>header,.study-plan-lesson{align-items:flex-start}.study-plan-day{grid-template-columns:1fr}.study-plan-day>header{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center}.study-plan-lesson{flex-direction:column}.study-plan-lesson button{width:100%}.admin-login-card{padding:24px}.admin-page{padding:28px 14px 52px}.admin-header{flex-direction:column;align-items:stretch}.admin-create-panel{gap:20px;padding:20px}.admin-create-panel form,.admin-user-list article{grid-template-columns:1fr}.admin-create-panel form button{grid-column:auto;justify-self:stretch}.admin-user-list article{align-items:stretch}.auth-card{padding:22px}.account-strip{padding-inline:14px}.account-strip span{text-overflow:ellipsis;white-space:nowrap;max-width:65vw;overflow:hidden}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-report-header{display:none}.unit-report-row{grid-template-columns:1fr 1fr}.unit-report-row strong{grid-column:1/-1}.unit-report-row span:before{content:attr(data-label) ": ";color:var(--ink);font-weight:650}.report-projection{flex-direction:column;align-items:stretch}.report-projection-facts{flex-direction:column;gap:12px}.category-row-head{flex-direction:column;align-items:flex-start;gap:2px}.category-row-head span{text-align:left}.vocabulary-page{padding-inline:14px}.courses-page{padding:28px 14px 52px}.course-card-head{flex-direction:column;align-items:stretch}.course-card-head>button{width:100%}.vocabulary-heading{flex-direction:column;align-items:stretch}.vocabulary-list article{grid-template-columns:1fr auto}.vocabulary-list small{grid-column:1/-1}.focus-enter span{font-size:12px}.focus-topbar{gap:10px;padding:10px 14px}.focus-counter{display:none}.focus-content{justify-content:flex-start;padding-top:4px}.focus-keys,.option-key{display:none}.activity-workspace{gap:18px!important;padding:28px 14px 32px!important}.today-page,.mistakes-page,.search-page{padding:28px 14px 52px}.today-stats{grid-template-columns:1fr}.today-continue,.today-review,.today-section-head,.today-lessons article,.today-empty{flex-direction:column;align-items:stretch}.today-continue button,.today-review button,.today-lessons button,.today-empty button{width:100%}.mistake-answer{grid-template-columns:1fr;gap:4px}.mistake-actions{flex-direction:column}.mistake-actions button{width:100%}.habits-page{padding:28px 14px 52px}.habit-streak,.habit-goals{grid-template-columns:1fr}.habit-streak>div{border-left:0;border-top:1px solid var(--line)}.habit-streak>div:first-child{border-top:0}.habit-section>header,.today-habit{flex-direction:column;align-items:stretch}.habit-settings form{grid-template-columns:1fr}.habit-settings form>button,.today-habit button{width:100%}.habit-calendar{flex-direction:column;align-items:stretch}.habit-calendar-actions{justify-content:stretch}.habit-calendar-actions button{width:100%}.habit-chart{overflow-x:auto}.habit-chart.is-30{min-width:720px}.search-results button{grid-template-columns:1fr;gap:5px}.notes-page{padding:28px 14px 52px}.bookmarks-section>div{grid-template-columns:1fr}.weak-review-builder,.pronunciation-recorder header{flex-direction:column;align-items:stretch}.weak-review-controls{justify-content:stretch}.weak-review-controls button{flex:1}.weak-review-session>div article{grid-template-columns:32px minmax(0,1fr)}.weak-review-session article small,.weak-review-session article button{grid-column:2}.quiz-footer{bottom:max(8px, env(safe-area-inset-bottom));position:sticky}}@media (max-width:480px){.reports-page{padding-inline:14px}.report-stats,.unit-report-row{grid-template-columns:1fr}.unit-report-row strong{grid-column:auto}}@media (display-mode:standalone){.rail{padding-top:max(0px, env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.writing-dashboard{max-width:800px;margin:0 auto;padding:16px 20px}.writing-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.writing-header .section-title{margin:0}.writing-tabs{gap:4px;display:flex}.writing-tab{border:1px solid var(--line);background:var(--surface);font-size:var(--t-sm);cursor:pointer;color:var(--ink);border-radius:6px;min-height:36px;padding:6px 14px;font-weight:600}.writing-tab.is-active{background:var(--blue-soft);border-color:var(--blue-soft);color:var(--blue)}.writing-error{color:var(--danger);font-size:var(--t-sm);margin-bottom:12px}.writing-empty{color:var(--muted);font-size:var(--t-sm);text-align:center;padding:32px 0}.writing-loading-card{color:var(--muted);font-size:var(--t-sm);align-items:center;gap:10px;padding:20px;display:flex}.writing-loading-icon{font-size:20px;animation:1.2s ease-in-out infinite writing-pulse}@keyframes writing-pulse{0%,to{opacity:.4}50%{opacity:1}}.writing-exercise-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.writing-exercise-kind{font-weight:600;font-size:var(--t-sm);color:var(--blue)}.writing-exercise-progress{font-size:var(--t-xs);color:var(--muted);font-weight:600}.writing-prompts{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.writing-prompt-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:12px;transition:border-color .15s}.writing-prompt-card.is-filled{border-color:var(--blue-soft)}.writing-prompt-top{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.writing-prompt-num{background:var(--blue-soft);width:24px;height:24px;color:var(--blue);font-size:var(--t-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.writing-prompt-text{font-size:var(--t-sm);color:var(--ink);line-height:1.5}.writing-prompt-hint{color:var(--muted);font-size:var(--t-xs);margin-top:2px;font-style:italic;display:block}.writing-answer-input{border:1px solid var(--line);width:100%;font-size:var(--t-sm);background:var(--page);color:var(--ink);resize:vertical;border-radius:6px;padding:8px 10px;font-family:inherit;display:block}.writing-answer-input:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}.writing-actions{gap:8px;display:flex}.writing-submit-btn{background:var(--blue);color:#fff;font-size:var(--t-sm);cursor:pointer;border:none;border-radius:6px;min-height:44px;padding:8px 20px;font-weight:600}.writing-submit-btn:disabled{opacity:.5;cursor:not-allowed}.writing-skip-btn{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--t-sm);cursor:pointer;border-radius:6px;min-height:44px;padding:8px 16px}.writing-skip-btn:disabled{opacity:.5;cursor:not-allowed}.writing-new-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:var(--t-sm);cursor:pointer;border-radius:6px;min-height:44px;padding:8px 20px;font-weight:600}.writing-review-result{padding:12px 0}.writing-result-score-card{flex-direction:column;align-items:center;margin-bottom:16px;padding:20px;display:flex}.writing-score-circle{border:3px solid;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:72px;height:72px;display:flex}.writing-score-circle.is-good{border-color:var(--green,#2e7d32)}.writing-score-circle.is-ok{border-color:var(--warning)}.writing-score-circle.is-low{border-color:var(--danger,#c62828)}.writing-score-number{color:var(--ink);font-size:28px;font-weight:700}.writing-score-max{color:var(--muted);font-size:14px}.writing-score-label{font-size:var(--t-sm);color:var(--muted);margin-top:6px;font-weight:600}.writing-result-details{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.writing-feedback-block{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 12px}.writing-fb-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.writing-fb-index{background:var(--blue-soft);width:22px;height:22px;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.writing-fb-score{font-weight:700;font-size:var(--t-xs);border-radius:4px;padding:2px 8px}.writing-fb-score.is-good{background:var(--green-soft,#e8f5e9);color:var(--green,#2e7d32)}.writing-fb-score.is-ok{background:var(--orange-soft);color:var(--warning)}.writing-fb-score.is-low{background:var(--danger-soft,#fdecea);color:var(--danger,#c62828)}.writing-fb-prompt{font-size:var(--t-xs);color:var(--muted);margin:0 0 2px}.writing-fb-answer{font-size:var(--t-sm);color:var(--ink);margin:0 0 6px;font-style:italic}.writing-fb-correction{font-size:var(--t-sm);color:var(--blue);margin:4px 0}.writing-fb-label{font-weight:600;font-size:var(--t-xs)}.writing-fb-explanation{font-size:var(--t-xs);color:var(--muted);margin:4px 0 0}.writing-review-card{border:1px solid var(--line);border-radius:8px;margin-bottom:8px;overflow:hidden}.writing-review-card-header{background:var(--surface);cursor:pointer;width:100%;font-size:var(--t-sm);color:var(--ink);text-align:left;border:none;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.writing-card-left{align-items:center;gap:8px;display:flex}.writing-card-date{font-weight:600}.writing-card-kind{color:var(--muted);font-size:var(--t-xs)}.writing-card-score{font-weight:700;font-size:var(--t-sm);border-radius:4px;padding:2px 8px}.writing-card-score.is-good{background:var(--green-soft,#e8f5e9);color:var(--green,#2e7d32)}.writing-card-score.is-ok{background:var(--orange-soft);color:var(--warning)}.writing-card-score.is-low{background:var(--danger-soft,#fdecea);color:var(--danger,#c62828)}.writing-review-card-body{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:8px 12px;display:flex}.study-plan-days-hint{font-size:var(--t-xs);color:var(--muted);margin:0 0 6px}.study-plan-day-label{position:relative}.day-minutes-badge{color:var(--blue);vertical-align:super;cursor:pointer;opacity:.7;margin-left:4px;font-size:10px;font-weight:700;display:inline-block}.day-minutes-badge:hover{opacity:1}.day-minutes-editor{background:var(--surface);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.day-minutes-editor label{font-size:var(--t-sm);flex:1;align-items:center;gap:6px;display:flex}.day-minutes-editor select{border:1px solid var(--line);font-size:var(--t-sm);background:var(--surface);color:var(--ink);border-radius:4px;padding:4px 8px}.day-minutes-close{cursor:pointer;color:var(--blue);background:0 0;border:none;min-width:44px;min-height:44px;padding:4px 8px;font-size:16px;font-weight:700}