:root{color-scheme:dark;--bg: #0f1210;--surface: #181c19;--elevated: #1f2421;--text: #e8ebe7;--muted: #9aa89a;--accent: #6ee7a8;--accent-dim: #3d8f63;--border: #2a312c;--danger: #f0a8a8;--ok: #8fd9b8;font-family:DM Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;background:var(--bg);color:var(--text)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh}h1,h2,h3{font-family:Literata,DM Sans,serif;font-weight:600;letter-spacing:-.02em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.inline-link{color:var(--accent)}code{font-size:.9em;color:var(--muted)}.app-shell{max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 3rem}.header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.brand{display:flex;gap:.75rem;align-items:center}.brand-mark{color:var(--accent);font-size:1.5rem;line-height:1}.brand-title{font-weight:600}.brand-sub{font-size:.8rem;color:var(--muted)}.nav{display:flex;flex-wrap:wrap;gap:.35rem}.nav-link{color:var(--muted);padding:.35rem .65rem;border-radius:999px;font-size:.9rem}.nav-link:hover{color:var(--text);text-decoration:none;background:var(--elevated)}.nav-link.active{color:var(--bg);background:var(--accent)}.main{animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page h1{margin-top:0}.lede{color:var(--muted);max-width:52ch}.breadcrumb{font-size:.85rem;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;margin-bottom:1rem}.focus-card{border-color:var(--accent-dim);box-shadow:0 0 0 1px #6ee7a81f}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.small{font-size:.85rem}.mt{margin-top:1rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.row-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.row-actions.wrap{margin-top:0}.btn{border:1px solid var(--border);background:var(--elevated);color:var(--text);padding:.45rem .85rem;border-radius:8px;cursor:pointer;font:inherit}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg);border-color:transparent;font-weight:600}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:transparent;border-color:var(--accent-dim);color:var(--accent)}.btn-ghost{background:transparent}.btn-small{font-size:.85rem;padding:.25rem .6rem}.progress-track{height:8px;background:var(--elevated);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:999px;transition:width .4s ease}.list-plain{list-style:none;padding:0;margin:0}.theme-row,.session-row,.stat-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;padding:.45rem 0;border-bottom:1px solid var(--border)}.session-row span:first-child{min-width:140px}.weak-item{display:grid;grid-template-columns:auto 1fr;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.weak-count{color:var(--danger);font-weight:600;font-variant-numeric:tabular-nums}.themes-list{list-style:none;padding:0;display:grid;gap:.75rem}.theme-card{display:block;padding:1rem 1.1rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:inherit}.theme-card:hover{text-decoration:none;border-color:var(--accent-dim)}.theme-card-title{font-weight:600;font-size:1.05rem}.badge{display:inline-block;font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:var(--elevated);color:var(--muted)}.status-card{display:flex;flex-direction:column;gap:.5rem;max-width:320px}.select{background:var(--elevated);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.45rem;font:inherit}.prose p{margin:0 0 .65rem}.prose.small{font-size:.95rem;color:var(--muted)}.quiz-progress{color:var(--muted);font-size:.95rem}.quiz-card .quiz-question{font-size:1.1rem;margin-top:0}.voice-inline{margin-bottom:.75rem}.options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.option{width:100%;text-align:left;display:flex;gap:.65rem;align-items:flex-start;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--elevated);color:var(--text);cursor:pointer;font:inherit}.option:hover:not(:disabled){border-color:var(--muted)}.option.selected{border-color:var(--accent)}.option.correct{border-color:var(--ok);background:#8fd9b814}.option.wrong{border-color:var(--danger);background:#f0a8a80f}.opt-id{font-weight:700;color:var(--muted);min-width:1.25rem}.explain{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted)}.score-big{font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;margin:.25rem 0}.voice-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.75rem;padding:.65rem .75rem;background:var(--elevated);border-radius:10px;border:1px solid var(--border)}.voice-bar-label{font-size:.85rem;color:var(--muted)}.voice-controls{display:flex;flex-wrap:wrap;gap:.35rem}.voice-meta{font-size:.8rem;color:var(--muted)}.voice-hint{font-size:.9rem;color:var(--muted)}.timer-display{font-size:1.5rem;font-variant-numeric:tabular-nums;margin:.75rem 0 0}.flashcard{width:100%;min-height:160px;perspective:900px;border:none;padding:0;background:transparent;cursor:pointer;margin:.5rem 0}.flash-inner{position:relative;width:100%;min-height:160px;border-radius:12px;border:1px solid var(--border);background:var(--elevated);transform-style:preserve-3d;transition:transform .5s ease}.flashcard.flipped .flash-inner{transform:rotateY(180deg)}.flash-front,.flash-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;padding:1.1rem;display:flex;align-items:center;justify-content:center;text-align:center}.flash-back{transform:rotateY(180deg);color:var(--muted)}.pulse-label{color:var(--accent);font-weight:600;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.55}}.checklist{list-style:none;padding:0;margin:0}.check-row{display:flex;gap:.65rem;align-items:flex-start;cursor:pointer;padding:.35rem 0;border-bottom:1px solid var(--border)}.check-row input{margin-top:.2rem}