:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f8fb;--paper:#fff;--paper-strong:#fefefe;--ink:#17212b;--muted:#637083;--line:#d8e0ea;--soft-line:#e8edf3;--teal:#0f766e;--teal-strong:#0a5d57;--coral:#d65b4a;--gold:#c28c2c;--green:#247a50;--blue:#315c9c;--shadow:0 14px 36px #19263717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #0f766e14, #f6f8fb00 340px), var(--bg);min-width:320px;color:var(--ink);margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;flex-direction:column;gap:22px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.brand-mark{background:var(--teal);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:inline-grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem}.nav-list{gap:4px;display:grid}.nav-item,.bottom-nav button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;font-size:.95rem;font-weight:700;display:flex}.nav-item.active,.nav-item:hover,.bottom-nav .active{color:var(--teal-strong);background:#e8f4f2}.sidebar-status{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:3px;margin-top:auto;padding:14px;display:grid}.sidebar-status span,.metric-card span,.day-token,.eyeless-label,.flash-card span,.anchor-card span,.result-row>span{color:var(--muted);font-size:.78rem;font-weight:800}.main-shell{width:min(1180px,100%);margin:0 auto;padding:24px 28px 88px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.topbar h1{letter-spacing:0;margin:2px 0 0;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.1}.topbar-actions,.hero-actions,.settings-actions,.sync-actions,.grade-row,.choice-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary-button,.secondary-button,.danger-button,.ghost-button,.icon-button,.inline-action,.choice,.grade-button,.week-button,.day-row{border:1px solid #0000;border-radius:8px;min-height:40px;font-weight:800}.primary-button,.secondary-button,.danger-button,.ghost-button,.inline-action{justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.primary-button{background:var(--teal);color:#fff;box-shadow:0 10px 24px #0f766e2e}.primary-button:hover{background:var(--teal-strong)}.secondary-button{color:#7a5412;background:#fff8e7;border-color:#ecd8a4}.danger-button{color:#933326;background:#fff1ee;border-color:#d65b4a73}.danger-button:hover{background:#ffe2dc}.ghost-button,.inline-action{background:var(--paper);color:var(--ink);border-color:var(--line)}.wide{width:100%}.icon-button{background:var(--paper);border-color:var(--line);width:40px;color:var(--teal-strong);flex:none;place-items:center;display:grid}.daily-hero,.hero-panel,.form-panel,.panel,.activation-card,.audio-readiness,.next-action-panel,.weak-recovery-panel,.checkpoint-card,.checkpoint-strip,.insights-hero,.recovery-banner,.sync-card,.metric-card,.trainer-header,.trainer-block,.checkout-panel,.review-stage,.prompt-panel,.answer-panel,.result-row,.outline-detail,.empty-state{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px}.daily-hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);align-items:end;gap:18px;padding:24px;display:grid}.daily-hero h2,.hero-panel h2,.trainer-header h2,.prompt-panel h2,.outline-detail h2,.empty-state h2{letter-spacing:0;margin:6px 0 8px;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1.12}.daily-hero p,.hero-panel p,.trainer-header p,.prompt-panel p,.muted,.empty-state p{color:var(--muted);margin:0;line-height:1.6}.hero-actions{grid-column:1/-1}.anchor-card{color:#fff;background:#132a2a;border-radius:8px;gap:8px;padding:18px;display:grid}.anchor-card strong{font-size:1.18rem;line-height:1.35}.anchor-card em{color:#d8ebe8;font-style:normal}.anchor-card.compact{min-height:160px}.sync-pill{border:1px solid var(--line);background:var(--paper);min-height:34px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;padding:7px 10px;font-size:.82rem;font-weight:900;display:inline-flex}.sync-pill.local_only,.sync-pill.signed_out{color:#7a5412;background:#fff8e7;border-color:#ecd8a4}.sync-pill.syncing{color:var(--blue);background:#edf6ff;border-color:#bdd7f1}.sync-pill.synced{color:var(--teal-strong);background:#e8f4f2;border-color:#0f766e3d}.sync-pill.error{color:#933326;background:#fff1ee;border-color:#d65b4a59}.sync-card{box-shadow:none;background:#f8fbfb;gap:5px;margin-bottom:14px;padding:14px;display:grid}.sync-card span,.sync-card small{color:var(--muted);font-weight:700}.sync-error{color:#933326;margin:4px 0 0;font-weight:800;line-height:1.5}.sync-actions{align-items:stretch}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.metric-card{box-shadow:none;padding:16px}.metric-card strong{color:var(--teal-strong);margin:4px 0;font-size:1.8rem;display:block}.metric-card small{color:var(--muted);font-weight:650}.audio-readiness{box-shadow:none;color:#7a5412;background:#fff8e7;border-color:#c28c2c52;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:14px 16px;display:grid}.audio-readiness strong{color:#5f3f0d;margin-bottom:3px;display:block}.audio-readiness p{color:#7a5412;margin:0;line-height:1.5}.next-action-panel{box-shadow:none;gap:14px;padding:18px;display:grid}.next-action-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.next-action-head h2{letter-spacing:0;margin:4px 0 6px;font-size:clamp(1.22rem,2.1vw,1.65rem);line-height:1.16}.next-action-head p{color:var(--muted);margin:0;line-height:1.5}.next-action-head>strong{min-height:30px;color:var(--teal-strong);background:#e8f4f2;border-radius:999px;padding:6px 10px;font-size:.78rem}.next-action-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.next-action{border:1px solid var(--line);background:var(--paper);min-height:94px;color:var(--ink);text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.next-action:hover{background:#f3faf8;border-color:#0f766e57}.next-action.primary{background:#e8f4f2;border-color:#0f766e5c}.next-action span{min-width:0}.next-action strong,.next-action small{display:block}.next-action strong{margin-bottom:4px}.next-action small{color:var(--muted);line-height:1.4}.weak-recovery-panel{box-shadow:none;background:#fffaf8;border-color:#d65b4a38;gap:14px;padding:18px;display:grid}.weak-recovery-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.weak-recovery-head h2{letter-spacing:0;margin:4px 0 6px;font-size:clamp(1.22rem,2.1vw,1.65rem);line-height:1.16}.weak-recovery-head p{color:var(--muted);margin:0;line-height:1.5}.weak-word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.weak-word-card{background:var(--paper);border:1px solid #d65b4a2e;border-radius:8px;align-content:start;gap:7px;padding:12px;display:grid}.weak-word-card>span,.weak-word-card>small{color:var(--muted);line-height:1.4}.weak-word-card>small{min-height:38px}.weak-word-card .ghost-button{width:100%;margin-top:2px}.two-column,.onboarding-grid,.speaking-grid,.settings-grid,.outline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.panel,.hero-panel,.form-panel,.prompt-panel,.answer-panel,.outline-detail{padding:20px}.panel h2,.checkout-panel h2,.settings-grid h2{letter-spacing:0;margin:0 0 14px;font-size:1.1rem}.vocab-list,.sentence-stack,.result-list,.day-list,.trainer-blocks,.settings-list{gap:10px;display:grid}.word-row,.sentence-line{border-bottom:1px solid var(--soft-line);gap:4px;padding:12px 0;display:grid}.word-row:last-child,.sentence-line:last-child{border-bottom:0}.word-row strong,.sentence-line strong{color:var(--ink)}.word-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.word-row small{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.word-row span,.word-row small,.sentence-line span{color:var(--muted)}.audio-button{border:1px solid var(--line);background:var(--paper);width:max-content;min-height:32px;color:var(--teal-strong);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;font-weight:900;display:inline-flex}.audio-button:hover{background:#e8f4f2;border-color:#0f766e5c}.audio-button.unavailable,.audio-button:disabled{cursor:not-allowed;border-color:var(--line);color:#7b8794;opacity:1;background:#f5f7fa}.anchor-card .audio-button.unavailable,.anchor-card .audio-button:disabled{color:#bcccdc;background:#ffffff14;border-color:#ffffff2e}.compact-audio{min-height:28px;padding:5px 8px;font-size:.76rem}.sentence-line .audio-button,.expected-line .audio-button{margin-top:4px}.anchor-card .audio-button{color:#fff;background:#ffffff1a;border-color:#ffffff47}.anchor-card .audio-button:hover{background:#ffffff2e}.product-pulse,.insights-page{gap:14px;display:grid}.activation-card,.insights-hero,.recovery-banner{align-items:center;gap:18px;padding:18px;display:grid}.activation-card{box-shadow:none;grid-template-columns:auto minmax(0,.8fr) minmax(300px,1.2fr)}.insights-hero,.recovery-banner{grid-template-columns:minmax(0,1fr) auto}.insights-hero{background:linear-gradient(135deg, #315c9c1a, #0f766e14), var(--paper);padding:24px}.insights-hero h2,.activation-card h2{letter-spacing:0;margin:4px 0 6px;font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1.15}.insights-hero p,.activation-card p,.recovery-banner p,.checkpoint-card p{color:var(--muted);margin:0;line-height:1.55}.score-ring{border:8px solid #d7ece8;border-top-color:var(--teal);background:var(--paper);width:76px;height:76px;color:var(--teal-strong);border-radius:999px;place-items:center;display:grid}.score-ring strong{grid-area:1/1;font-size:1.55rem;line-height:1}.score-ring span{grid-area:1/1;margin-top:34px;font-size:.68rem;font-weight:900}.score-ring.large{border-width:10px;width:104px;height:104px}.score-ring.large strong{font-size:2rem}.score-ring.large span{margin-top:44px}.checklist{gap:8px;display:grid}.checklist.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.check-item{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;min-height:54px;padding:10px;display:grid}.check-item:not(:disabled):hover{background:#f3faf8;border-color:#0f766e57}.check-item:disabled{cursor:default}.check-item strong,.feedback-option strong{color:var(--ink);margin-bottom:3px;display:block}.check-item small,.feedback-option span,.checkpoint-card span,.checkpoint-strip span{color:var(--muted);line-height:1.45}.check-dot{border:1px solid var(--line);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;display:grid}.check-item.done .check-dot{border-color:var(--green);background:var(--green)}.recovery-banner{box-shadow:none;background:#fffaf0;border-color:#c28c2c59}.recovery-banner.active{background:#e8f4f2;border-color:#0f766e47}.recovery-banner strong,.checkpoint-strip strong,.checkpoint-card strong{margin:3px 0 5px;display:block}.checkpoint-strip{box-shadow:none;background:#f1f6fb;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.signal-list{gap:8px;margin-bottom:14px;display:grid}.signal-list div{border-bottom:1px solid var(--soft-line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.signal-list span{color:var(--muted);font-weight:800}.history-grid{grid-template-columns:repeat(14,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.history-day{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:8px;place-items:center;gap:4px;min-height:58px;padding:8px 4px;display:grid}.history-day span{color:var(--muted);font-size:.72rem;font-weight:800}.history-day strong{color:var(--muted);font-size:.78rem}.history-day.light{background:#fff8e7;border-color:#c28c2c57}.history-day.light strong{color:#7a5412}.history-day.complete{background:#f1fbf6;border-color:#247a5061}.history-day.complete strong{color:var(--green)}.checkpoint-card{box-shadow:none;background:#f8fbfb;gap:6px;margin-bottom:12px;padding:14px;display:grid}.checkpoint-card.due{background:#e8f4f2;border-color:#0f766e47}.feedback-options{gap:8px;margin-bottom:12px;display:grid}.feedback-option{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:8px;padding:12px}.feedback-option:hover{background:#f3faf8;border-color:#0f766e57}.onboarding-grid{align-items:stretch}.hero-panel{background:linear-gradient(135deg, #d65b4a1f, #0f766e14), var(--paper);align-content:space-between;gap:24px;display:grid}.form-panel{gap:14px;display:grid}label{color:var(--ink);gap:6px;font-weight:800;display:grid}input,textarea{border:1px solid var(--line);background:var(--paper-strong);width:100%;color:var(--ink);resize:vertical;border-radius:8px;padding:12px 13px}input:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:3px solid #0f766e38}.choice{background:var(--paper);border-color:var(--line);color:var(--ink);padding:10px 12px}.choice.selected,.choice:hover{border-color:var(--teal);color:var(--teal-strong);background:#e8f4f2}.trainer-layout{gap:14px;display:grid}.trainer-header{justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.trainer-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.trainer-block{box-shadow:none;grid-template-columns:44px minmax(0,1fr) 44px;align-items:start;gap:14px;padding:16px;display:grid}.trainer-block.complete{background:#f1fbf6;border-color:#247a5073}.block-index{width:36px;height:36px;color:var(--blue);background:#eef4fa;border-radius:8px;place-items:center;font-weight:900;display:grid}.block-body h3{margin:0 0 4px;font-size:1rem}.block-body p{color:var(--muted);margin:0 0 12px;line-height:1.5}.mini-word-list{flex-wrap:wrap;gap:6px;display:flex}.mini-word-chip{color:#8f382c;background:#fff4ef;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-weight:800;display:inline-flex}.mini-word-chip .audio-button{color:#8f382c;background:#ffffffad;border-color:#8f382c33}.checkout-panel{padding:18px}.review-stage{max-width:720px;margin:0 auto;padding:18px}.review-meta{color:var(--muted);justify-content:space-between;font-weight:800;display:flex}.flash-card{border:1px solid var(--line);text-align:center;background:linear-gradient(#fff,#f8fbfb);border-radius:8px;place-items:center;gap:14px;min-height:280px;margin:16px 0;padding:28px;display:grid}.flash-card strong{letter-spacing:0;font-size:clamp(1.7rem,5vw,3.2rem);line-height:1.1}.flash-card p{white-space:pre-line;color:var(--muted);font-size:1.05rem;line-height:1.55}.flash-card em{color:var(--muted);font-style:normal}.grade-row{justify-content:center}.grade-button{color:#fff;padding:10px 14px}.grade-button.again{background:var(--coral)}.grade-button.hard{background:var(--gold)}.grade-button.good{background:var(--teal)}.grade-button.easy{background:var(--green)}.prompt-panel,.answer-panel{align-content:start;gap:14px;display:grid}.expected-line{background:#f1f6fb;border-radius:8px;gap:6px;padding:14px;display:grid}.expected-line span{color:var(--muted)}.prompt-switcher{gap:7px;display:flex}.dot{background:#cbd5e1;border:0;border-radius:999px;width:12px;height:12px;min-height:12px;padding:0}.dot.active{background:var(--teal);width:28px}.feedback-box{color:var(--teal-strong);background:#e8f4f2;border-radius:8px;padding:14px;font-weight:800}.search-page,.outline-page{gap:14px;display:grid}.search-box{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.search-box input{border:0;padding:6px 0}.result-row{box-shadow:none;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.result-row p{color:var(--muted);margin:4px 0 0}.week-rail{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.week-button{background:var(--paper);border-color:var(--line);color:var(--muted);flex:none;padding:10px 12px}.week-button.active{background:var(--teal);color:#fff}.day-list{align-content:start}.day-row{background:var(--paper);border-color:var(--line);text-align:left;gap:4px;width:100%;padding:13px;display:grid}.day-row span{color:var(--muted);font-size:.78rem}.day-row.active{border-color:var(--teal);background:#e8f4f2}.settings-list{margin:0}.settings-list div{border-bottom:1px solid var(--soft-line);justify-content:space-between;padding:9px 0;display:flex}.settings-list dt{color:var(--muted);font-weight:800}.settings-list dd{margin:0;font-weight:900}.empty-state,.loading-screen{text-align:center;place-items:center;gap:12px;min-height:360px;padding:32px;display:grid}.loading-screen{min-height:100vh}.error-banner{color:#933326;background:#fff1ee;border:1px solid #d65b4a59;border-radius:8px;margin-bottom:14px;padding:12px 14px;font-weight:800}.bottom-nav{display:none}@media (width<=940px){.app-shell{display:block}.sidebar{display:none}.main-shell{padding:18px 14px 88px}.topbar{align-items:start}.daily-hero,.activation-card,.insights-hero,.recovery-banner,.two-column,.onboarding-grid,.speaking-grid,.settings-grid,.outline-grid,.next-action-list,.weak-recovery-head,.weak-word-grid{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.trainer-header,.checkpoint-strip{display:grid}.history-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.bottom-nav{z-index:5;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-radius:8px;gap:4px;padding:6px;display:flex;position:fixed;bottom:10px;left:10px;right:10px;overflow-x:auto}.bottom-nav button{flex-direction:column;flex:0 0 68px;justify-content:center;gap:4px;min-height:52px;padding:7px 4px;font-size:.72rem}}@media (width<=560px){.topbar-actions{width:100%}.topbar{flex-wrap:wrap}.metric-row{grid-template-columns:1fr}.next-action-head{display:grid}.daily-hero h2,.hero-panel h2,.trainer-header h2,.prompt-panel h2,.outline-detail h2{font-size:1.55rem}.trainer-block{grid-template-columns:36px minmax(0,1fr)}.trainer-block .icon-button{grid-column:2;width:100%}.result-row,.checklist.compact{grid-template-columns:1fr}}