:root{--brand:#6d4bd8;--brand-hover:#5436b8;--brand-dark:#5436b8;--brand-tint:#ece5fb;--on-brand:#fff;--pink:#d4537e;--pink-dark:#993556;--pink-tint:#fbeaf0;--good:#17a67f;--good-dark:#085041;--good-tint:#e1f5ee;--on-good:#fff;--warn:#f0913a;--warn-dark:#854f0b;--warn-tint:#fdeeda;--on-warn:#fff;--bg:#f8f6ff;--card:#fff;--field:#fff;--text:#201a2e;--muted:#756b86;--border:#e7e2f2;--error:#c02626;--radius:14px}:root[data-theme=dark]{--brand:#9c7dff;--brand-hover:#ac91ff;--brand-dark:#d3c6ff;--brand-tint:#46346e;--on-brand:#17122a;--pink:#e2618f;--pink-dark:#f5b3cc;--pink-tint:#4b2938;--good:#2ecfa0;--good-dark:#97eed2;--good-tint:#1c4436;--on-good:#0b2a20;--warn:#f7a13d;--warn-dark:#fbd18d;--warn-tint:#4e3714;--on-warn:#2b1d07;--bg:#1f1a2b;--card:#2d2741;--field:#3a3358;--text:#f4f1fb;--muted:#beb3d6;--border:#453d61;--error:#f49393}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:#9c7dff;--brand-hover:#ac91ff;--brand-dark:#d3c6ff;--brand-tint:#46346e;--on-brand:#17122a;--pink:#e2618f;--pink-dark:#f5b3cc;--pink-tint:#4b2938;--good:#2ecfa0;--good-dark:#97eed2;--good-tint:#1c4436;--on-good:#0b2a20;--warn:#f7a13d;--warn-dark:#fbd18d;--warn-tint:#4e3714;--on-warn:#2b1d07;--bg:#1f1a2b;--card:#2d2741;--field:#3a3358;--text:#f4f1fb;--muted:#beb3d6;--border:#453d61;--error:#f49393}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{max-width:480px;min-height:100vh;margin:0 auto;padding:24px 18px 48px}h1{margin:0 0 4px;font-size:1.5rem}h2{margin:0 0 12px;font-size:1.15rem}p{line-height:1.5}.muted{color:var(--muted)}.center{text-align:center}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin:14px 0;padding:20px;box-shadow:0 1px 2px #1018280a}label{margin:14px 0 6px;font-size:.9rem;font-weight:600;display:block}input,select,button{font:inherit;border:1px solid var(--border);background:var(--field);width:100%;color:var(--text);border-radius:10px;padding:12px 14px}button{cursor:pointer;border:none;font-weight:600}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-hover)}.btn-secondary{background:var(--brand-tint);color:var(--brand-dark)}.btn-ghost{color:var(--muted);background:0 0;width:auto;padding:8px}.btn-good{background:var(--good);color:var(--on-good)}.btn-warn{background:var(--warn);color:var(--on-warn)}button:disabled{opacity:.55;cursor:default}.row{gap:10px;display:flex}.row>*{flex:1}.stack>*+*{margin-top:10px}.tip-term{font-size:1.8rem;font-weight:700}.tip-translation{color:var(--muted);margin-top:2px;font-size:1.15rem}.tip-example{margin-top:14px;font-style:italic}.tip-note{background:var(--good-tint);color:var(--good-dark);border-radius:10px;margin-top:14px;padding:12px 14px;font-size:.92rem}.pill{text-transform:uppercase;letter-spacing:.04em;background:var(--brand-tint);color:var(--brand-dark);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-block}.pill-warn{background:var(--warn-tint);color:var(--warn-dark)}.pill-pink{background:var(--pink-tint);color:var(--pink-dark)}.pill-good{background:var(--good-tint);color:var(--good-dark)}.subject-bar{margin-bottom:14px;position:relative}.subject-chip{border:1px solid var(--border);background:var(--brand-tint);width:auto;color:var(--brand-dark);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.subject-chip:hover{border-color:var(--brand)}.subject-flag{font-size:1.1rem;line-height:1}.subject-caret{opacity:.7;margin-left:2px;font-size:.9rem}.subject-menu{z-index:20;background:var(--card);border:1px solid var(--border);border-radius:12px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #10182824}.subject-menu-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.95rem;display:flex}.subject-menu-item:hover{background:var(--brand-tint)}.subject-menu-item.active{color:var(--brand-dark);font-weight:700}.subject-check{color:var(--brand);font-weight:700}.subject-menu-add{color:var(--brand-dark);border-top:1px solid var(--border);border-radius:0 0 8px 8px;margin-top:4px;font-weight:600}.stat-chip{text-align:center;border-radius:12px;flex:1;padding:10px 8px}.stat-chip .stat-value{font-size:1.15rem;font-weight:700}.stat-chip .stat-label{font-size:.72rem}.stat-pink{background:var(--pink-tint);color:var(--pink-dark)}.stat-violet{background:var(--brand-tint);color:var(--brand-dark)}.stat-good{background:var(--good-tint);color:var(--good-dark)}.quiz-option{text-align:left;background:var(--field);border:1px solid var(--border);margin-top:8px}.quiz-option.selected{border-color:var(--brand);background:var(--brand-tint);color:var(--brand-dark)}.error{color:var(--error);font-size:.9rem}.notice{color:var(--muted);margin-top:8px;font-size:.85rem}.progress-line{color:var(--muted);margin-bottom:16px;font-size:.85rem}.quiz-progress{background:var(--border);border-radius:999px;height:6px;margin-bottom:16px;overflow:hidden}.quiz-progress-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .25s}.btn-speak{background:var(--brand-tint);width:34px;height:34px;color:var(--brand-dark);vertical-align:middle;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.95rem;display:inline-flex}.btn-speak:hover{background:var(--brand);color:var(--on-brand)}.reveal-hint{color:var(--muted);text-align:center;margin:14px 0;font-size:.9rem}.self-assess-label{margin-bottom:10px;font-size:.95rem}.streak-bar-track{background:var(--warn-tint);border-radius:5px;height:10px;position:relative}.streak-bar-fill{background:var(--warn);border-radius:5px;height:10px;transition:width .25s}.streak-bar-badge{background:var(--brand-tint);border:2px solid var(--brand);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;top:-5px;right:-2px}.streak-card{background:var(--pink-tint);color:var(--pink-dark);border:none}.streak-week{gap:6px;display:flex}.streak-day{text-align:center;flex:1;font-size:.72rem}.streak-day-box{aspect-ratio:1;background:var(--card);border-radius:10px;justify-content:center;align-items:center;width:100%;font-size:.85rem;display:flex}.streak-day-box.done{background:var(--pink);color:#fff}.streak-day-box.today{background:var(--card);border:2px dashed var(--pink);color:var(--pink);font-size:.65rem;font-weight:700}.streak-note{background:var(--card);color:var(--pink-dark);border-radius:10px;padding:8px 12px;font-size:.82rem}