:root{color-scheme:light dark;--bg:#f7f7f8;--fg:#1a1a1a;--fg-secondary:#6b7280;--card:#ffffff;--border:#e2e2e6;--accent:#3454d1;--success:#166534;--success-bg:#dcfce7;--danger:#991b1b;--danger-bg:#fee2e2;--timer:#b45309;--timer-bg:#fef3c7;--radius:14px;--shadow-sm:0 1px 3px rgba(20,20,30,0.08),0 1px 2px rgba(20,20,30,0.05);--shadow:0 10px 24px rgba(20,20,30,0.1),0 2px 8px rgba(20,20,30,0.06);--part-grammar:#3454d1;--part-text_completion:#7c3aed;--part-reading:#0d9488;--part-listening:#ea580c;--part-writing:#db2777;--part-speaking:#ca8a04;--top-bar-height:3.75rem}@media (prefers-color-scheme:dark){:root{--bg:#111113;--fg:#f0f0f0;--fg-secondary:#9a9aa2;--card:#1c1c1f;--border:#2e2e33;--accent:#6485ff;--success:#86efac;--success-bg:#14432a;--danger:#fca5a5;--danger-bg:#4c1d1d;--timer:#fbbf24;--timer-bg:#451a03;--part-grammar:#7c93ff;--part-text_completion:#b794f6;--part-reading:#5eead4;--part-listening:#fb923c;--part-writing:#f472b6;--part-speaking:#facc15;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow:0 10px 24px rgba(0,0,0,0.5)}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:480px;margin:0 auto;padding:1rem;min-height:100vh}a{color:var(--accent);text-decoration:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.passage-pinned{position:-webkit-sticky;position:sticky;top:var(--top-bar-height);z-index:5;max-height:42vh;overflow-y:auto;overscroll-behavior:contain}@media (min-width:900px){.passage-pinned{top:0}}.choices-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;margin-bottom:.6rem}.choices-grid .choice{margin-bottom:0}.muted,.uikit-muted{color:var(--fg-secondary);font-size:.9rem}:root{--uikit-accent:var(--accent);--uikit-border:var(--border)}.btn,button{display:inline-block;width:100%;padding:.85rem 1rem;border-radius:var(--radius);border:none;background:var(--accent);color:white;font-size:1rem;font-weight:600;cursor:pointer;text-align:center}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{border:1px solid var(--border)}.choice,button.secondary{background:var(--card);color:var(--fg)}.choice{display:block;width:100%;text-align:left;padding:.9rem 1rem;margin-bottom:.6rem;border-radius:var(--radius);border:1px solid var(--border);font-size:1rem;cursor:pointer}.choice.selected{border-color:var(--accent);border-width:2px}.choice.correct{border-color:var(--success);background:var(--success-bg);color:var(--success);font-weight:600}.choice.incorrect{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.progress-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden;margin-bottom:1rem}.progress-bar-fill{height:100%;background:var(--accent);transition:width .2s ease}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--border);color:var(--fg-secondary)}.badge-review{background:var(--accent);color:white}.feedback-card{border-left:4px solid transparent}.feedback-correct{border-left-color:var(--success)}.feedback-incorrect{border-left-color:var(--danger)}.review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.4rem,1fr));grid-gap:.5rem;gap:.5rem}.review-grid-mini{grid-template-columns:none;grid-auto-columns:1.8rem;grid-auto-flow:column;justify-content:start;margin-top:.4rem}.review-grid-mini .review-chip{font-size:.75rem}.results-compact h1{font-size:1.2rem;margin:.5rem 0}.results-compact .card{padding:.85rem;margin-bottom:.6rem}.results-compact h2{font-size:1rem;margin:0 0 .2rem}.results-compact .review-chip{width:1.7rem;height:1.7rem}.results-compact .review-grid-mini{grid-auto-columns:1.7rem}.review-chip{width:auto;aspect-ratio:1;padding:0;border-radius:8px;font-weight:700;font-size:.9rem;border:none}.review-chip-correct{background:var(--success-bg);color:var(--success)}.review-chip-incorrect{background:var(--danger-bg);color:var(--danger)}h1{font-size:1.4rem}h2{font-size:1.1rem}.hero{text-align:center;padding:1.5rem 0 1rem}.hero-eyebrow{letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase}.hero h1{font-size:1.8rem;margin:.5rem 0 .25rem}.breadcrumb{display:flex;align-items:center;gap:.35rem;font-size:.82rem;margin-bottom:.6rem}.breadcrumb,.breadcrumb a{color:var(--fg-secondary)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span:last-child{color:var(--fg);font-weight:600}.timer{display:inline-flex;align-items:center;gap:.25rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;padding:.2rem .55rem;border-radius:999px;transition:background-color .2s ease,color .2s ease}.timer-running{background:var(--timer-bg);color:var(--timer)}.timer-paused{background:var(--border);color:var(--fg-secondary)}.part-pick-card{color:var(--fg)}.option-grid{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}@media (min-width:520px){.option-grid{grid-template-columns:1fr 1fr}}.option-card{display:flex;align-items:flex-start;gap:.85rem;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);padding:1.1rem;box-shadow:var(--shadow-sm);color:var(--fg);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.option-card:focus-visible,.option-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent)}.option-card-body{flex:1 1;min-width:0}.option-card h3{margin:0 0 .2rem;font-size:1.02rem}.option-card .arrow{align-self:center;color:var(--fg-secondary);font-size:1.1rem;transition:transform .15s ease,color .15s ease}.option-card:hover .arrow{transform:translateX(3px);color:var(--accent)}.icon-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:50%;font-size:1.3rem}.set-list{display:flex;flex-direction:column;gap:.6rem}.set-tile{display:flex;align-items:center;gap:.85rem;width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;text-align:left;color:var(--fg);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.set-tile:focus-visible,.set-tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--accent)}.set-tile.recommended{border-color:var(--accent);box-shadow:var(--shadow-sm)}.set-tile.completed{opacity:.72}.set-tile-index{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;font-weight:700;font-size:.85rem;background:var(--border);color:var(--fg-secondary)}.set-tile.recommended .set-tile-index{background:var(--accent);color:white}.set-tile.completed .set-tile-index{background:var(--success-bg);color:var(--success)}.set-tile-body{flex:1 1;min-width:0}.set-tile-label{display:block;font-weight:600}.set-tile-sub{display:block;margin-top:.1rem;font-size:.8rem;color:var(--fg-secondary)}.pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;flex-shrink:0}.pill-accent{background:var(--accent);color:white}.pill-success{background:var(--success-bg);color:var(--success)}.cta-card{color:var(--fg)}.cta-card h2{margin-top:0}.cta-card-action{display:inline-block;margin-top:.5rem;color:var(--accent);font-weight:600;font-size:.9rem}.placeholder-card{position:relative;opacity:.7}.badge-soon{background:var(--border);color:var(--fg-secondary);float:right}.stat-grid{display:flex;gap:1rem}.stat-grid>div{flex:1 1;text-align:center}.stat-value{font-size:1.6rem;font-weight:700}.stat-label{font-size:.8rem;color:var(--fg-secondary)}.list-row{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}a.list-row,button.list-row{transition:opacity .15s ease}a.list-row:hover,button.list-row:hover{opacity:.7}a.list-row .arrow{color:var(--fg-secondary);font-size:1rem}.action-bar{position:-webkit-sticky;position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--border);padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.action-bar-inner{max-width:480px;margin:0 auto}@media (min-width:900px){.action-bar-inner{max-width:1100px;padding:0 1rem}}.action-bar-back{display:block;width:100%;background:none;border:none;color:var(--fg-secondary);font-size:.85rem;font-weight:500;padding:.55rem;margin-top:.15rem;cursor:pointer;text-align:center}.action-bar-back:hover{color:var(--accent)}.action-bar-row{display:flex;gap:.6rem}.action-bar-row>button{margin:0}.bottom-nav{position:-webkit-sticky;position:sticky;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--border);padding:.4rem 0 max(.4rem,env(safe-area-inset-bottom));margin-top:1rem}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem 0;font-size:.7rem;color:var(--fg-secondary)}.bottom-nav a.active{color:var(--accent);font-weight:600}.bottom-nav .icon{font-size:1.1rem}.with-bottom-nav{padding-bottom:0}.app-main{min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:.2rem;width:220px;padding:1.25rem .75rem;background:var(--card);height:100%}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem 1.25rem;font-size:1.15rem;font-weight:700}.sidebar-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:white;font-size:.95rem}.sidebar a{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:var(--radius);color:var(--fg-secondary);font-weight:500;font-size:.92rem}.sidebar a:hover{background:var(--bg)}.sidebar a.active{background:var(--accent);color:white}.sidebar .icon{font-size:1.05rem}.sidebar-account{margin-top:auto;padding:.85rem .75rem;border-top:1px solid var(--border)}.sidebar-account p{margin:0 0 .5rem;font-size:.82rem;color:var(--fg-secondary)}.sidebar-account-tags{display:flex;gap:.4rem;margin-bottom:.6rem}.sidebar-account-tags span{font-size:.7rem;font-weight:600;color:var(--fg-secondary);background:var(--bg);border-radius:999px;padding:.15rem .5rem}.sidebar-account button{padding:.55rem;font-size:.85rem}.top-bar{justify-content:space-between;gap:.5rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.top-bar,.top-bar-hamburger{display:flex;align-items:center;background:var(--card)}.top-bar-hamburger{justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius);border:1px solid var(--border);color:var(--fg);font-size:1.1rem}.top-bar-brand{display:flex;align-items:center;gap:.5rem;font-weight:700}.top-bar-signin{width:auto;padding:.5rem .9rem;font-size:.85rem}.top-bar-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:white;font-weight:700;font-size:.85rem}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:29}.drawer{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:80vw;z-index:30;box-shadow:2px 0 16px rgba(0,0,0,.15)}.drawer .sidebar{width:100%;height:100%}@media (min-width:900px){.app-shell{display:flex;min-height:100vh}.drawer,.drawer-backdrop,.top-bar{display:none}.sidebar{flex-shrink:0;border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;height:100vh}.app-main{flex:1 1;min-width:0;overflow-y:auto;height:100vh}.bottom-nav{display:none}.with-bottom-nav{padding-bottom:1rem}.container{max-width:1100px;padding:1.5rem 2rem}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;align-items:start}.dashboard-grid>.card,.dashboard-grid>.full-span{margin-bottom:0}.full-span{grid-column:1/-1}}@media (max-width:899px){nav.sidebar{display:none}}.placeholder-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}@media (min-width:900px){.placeholder-grid{grid-template-columns:repeat(3,1fr)}}.placeholder-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;opacity:.75}.placeholder-tile h3{margin:0 0 .25rem;font-size:.85rem}.placeholder-tile p{margin:0;font-size:.78rem;color:var(--fg-secondary)}