:root{--bg:#0b1020;--bg-elev:#141a2e;--bg-tile:#1a2138;--border:#2a3350;--text:#e8ecf7;--muted:#94a0c0;--accent:#f59e0b;--accent-ink:#1a1200;--error:#f87171;--radius:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.screen{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.screen.center{justify-content:center;align-items:center;padding:24px}.brand{align-items:center;gap:12px;margin-bottom:8px;display:flex}.brand.small{gap:8px;margin:0}.brand-icon{color:var(--accent);flex:none}.brand h1{margin:0;font-size:1.4rem}.brand .sub{color:var(--muted);margin:2px 0 0;font-size:.82rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px}.login{flex-direction:column;gap:16px;width:100%;max-width:380px;display:flex}.login label{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.login input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 14px;font-size:1rem}.login input:focus{outline:2px solid var(--accent);border-color:#0000}button{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:10px;padding:13px 16px;font-size:1rem;font-weight:600}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--muted);background:0 0;padding:8px}.error{color:var(--error);margin:0;font-size:.85rem}.topbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.content{width:100%;max-width:720px;margin:0 auto;padding:22px 18px 40px}.hello{margin:4px 0 8px;font-size:1.5rem}.lead{color:var(--muted);margin:0 0 22px;line-height:1.5}.lead strong{color:var(--text)}.grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=520px){.grid{grid-template-columns:1fr 1fr}}.tile{background:var(--bg-tile);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:16px;display:flex;position:relative}.tile-icon{color:var(--accent);flex:none;margin-top:2px}.tile-body h3{margin:0 0 4px;font-size:1rem}.tile-body p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.4}.badge{color:var(--accent);border:1px solid var(--accent);opacity:.8;border-radius:999px;padding:2px 8px;font-size:.68rem;position:absolute;top:12px;right:12px}.foot{color:var(--muted);text-align:center;margin-top:26px;font-size:.78rem}.build-id{opacity:.6;font-size:.68rem}.muted{color:var(--muted)}.topbar-actions{gap:4px;display:flex}.section-title{color:var(--muted);margin:22px 0 10px;font-size:.95rem;font-weight:600}.stat-row{gap:12px;margin:4px 0 18px;display:flex}.stat{background:var(--bg-tile);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;align-items:center;gap:2px;padding:14px;display:flex}.stat strong{font-size:1.5rem}.stat span{color:var(--muted);font-size:.74rem}.stat-ic.flame{color:#fb923c}.stat-ic.gold{color:#fbbf24}.exam-banner{text-align:left;background:var(--bg-tile);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);align-items:center;gap:14px;margin-bottom:6px;padding:14px;font-weight:400;display:flex}.exam-banner:disabled{opacity:.5}.medals{gap:8px;margin-left:auto;font-size:.82rem;display:flex}.mastery{align-items:center;gap:8px;margin:4px 0 12px;display:flex}.mastery-bar{background:var(--border);border-radius:6px;flex:1;height:6px;overflow:hidden}.mastery-bar>div{background:linear-gradient(90deg,#34d399,#22c55e);height:100%}.mastery-txt{color:var(--muted);white-space:nowrap;font-size:.72rem}.domain-head{align-items:flex-start;display:flex}.trophies-won{flex-direction:column;gap:8px;margin:16px 0;display:flex}.trophy-won{background:#fbbf241a;border:1px solid #fbbf2480;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:.9rem;display:flex}.trophy-emoji{font-size:1.3rem}.admin-tabs{gap:6px;display:flex}.admin-tabs button{color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:500}.admin-tabs button.on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.admin-row{text-align:left;background:var(--bg-tile);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:14px;font-weight:400;display:flex}.admin-row-main{flex-direction:column;flex:1;gap:3px;display:flex}.admin-row-main .muted{font-size:.76rem}.mini-add{background:var(--bg-elev);color:var(--accent);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:5px 10px;font-size:.8rem;display:inline-flex}.add-btn{background:var(--bg-elev);width:100%;color:var(--text);border:1px dashed var(--border);justify-content:center;align-items:center;gap:6px;margin-bottom:14px;display:inline-flex}.src-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.src-item{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:flex}.src-badge,.status-badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:2px 6px;font-size:.66rem;font-weight:700}.status-badge.validated{color:#34d399;border-color:#34d399}.status-badge.draft{color:#fbbf24;border-color:#fbbf24}.status-badge.archived{color:var(--muted)}.content-list{flex-direction:column;gap:8px;display:flex}.content-item{background:var(--bg-tile);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ci-main{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.ci-text{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.ci-actions{gap:2px;display:flex}.ci-actions button{color:var(--muted);background:0 0;border:none;padding:6px}.editor{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px;display:flex}.editor label{color:var(--muted);flex-direction:column;gap:5px;font-size:.8rem;display:flex}.editor input,.editor textarea,.editor select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:.95rem}.editor textarea{resize:vertical}.editor-row2{gap:10px;display:flex}.editor-row2 label{flex:1}.opt-editor{flex-direction:column;gap:8px;display:flex}.opt-edit-row{align-items:center;gap:8px;display:flex}.opt-edit-row input{flex:1}.opt-correct{background:var(--bg);border:1px solid var(--border);width:34px;height:34px;color:var(--muted);border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.opt-correct.on{color:#002417;background:#22c55e;border-color:#22c55e}.opt-letter{font-size:.8rem;font-weight:600}.opt-del{color:var(--muted);background:0 0;border:none;flex:none;padding:6px}.goal-stat{flex:1.2}.stat-col{flex-direction:column;flex:1;gap:12px;display:flex}.stat-col .stat{flex:1}.goal-ring{border-radius:50%;place-items:center;width:74px;height:74px;margin-bottom:6px;display:grid}.goal-ring-inner{background:var(--bg-tile);border-radius:50%;place-items:center;width:58px;height:58px;font-size:.95rem;font-weight:700;display:grid}.goal-detail{font-size:.68rem!important}.mistakes-banner,.push-banner{text-align:left;border-radius:var(--radius);width:100%;color:var(--text);border:1px solid var(--border);background:var(--bg-tile);align-items:center;gap:14px;margin-bottom:6px;padding:14px;font-weight:400;display:flex}.mistakes-banner{border-color:#f871718c}.mistakes-banner svg{color:var(--error)}.push-banner svg{color:var(--accent)}.push-banner:disabled{opacity:.85;cursor:default}.exam-timer{font-variant-numeric:tabular-nums;color:var(--accent);align-items:center;gap:5px;font-size:.95rem;font-weight:700;display:inline-flex}.exam-timer.urgent{color:var(--error);animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.exam-breakdown{text-align:left;flex-direction:column;gap:6px;margin:14px 0;display:flex}.exam-row{justify-content:space-between;gap:10px;font-size:.85rem;display:flex}.exam-row-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exam-row-score{font-weight:700}.exam-row-score.good{color:#34d399}.exam-row-score.mid{color:#fbbf24}.exam-row-score.bad{color:var(--error)}.activity-chart{align-items:flex-end;gap:2px;height:72px;margin-top:6px;display:flex}.activity-col{flex:1;align-items:flex-end;height:100%;display:flex}.activity-bar{background:var(--accent);opacity:.85;border-radius:2px 2px 0 0;width:100%;min-height:2px}.small-note{margin-top:6px;font-size:.72rem}.rate-list{flex-direction:column;gap:12px;display:flex}.rate-head{justify-content:space-between;margin-bottom:4px;font-size:.85rem;display:flex}.rate-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rate-val{align-items:center;gap:8px;font-weight:700;display:inline-flex}.rate-mistakes{color:var(--error);align-items:center;gap:2px;font-size:.75rem;display:inline-flex}.rate-bar{background:var(--border);border-radius:6px;height:7px;overflow:hidden}.rate-bar>div{border-radius:6px;height:100%}.rate-bar .good{background:#34d399}.rate-bar .mid{background:#fbbf24}.rate-bar .bad{background:var(--error)}.attempt-list{flex-direction:column;gap:6px;display:flex}.attempt-row{background:var(--bg-tile);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.85rem;display:flex}.attempt-row strong{margin-left:auto}.attempt-domain{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.txt-good{color:#34d399}.txt-mid{color:#fbbf24}.txt-bad{color:var(--error)}.ai-gen{color:var(--accent);border-style:solid}.srs-banner{text-align:left;border:1px solid var(--accent);border-radius:var(--radius);width:100%;color:var(--text);background:linear-gradient(135deg,#f59e0b29,#f59e0b0d);align-items:center;gap:14px;margin-bottom:18px;padding:16px;font-weight:400;display:flex}.srs-txt{flex-direction:column;flex:1;gap:2px;display:flex}.srs-txt strong{font-size:1.05rem}.srs-txt span{color:var(--muted);font-size:.83rem}.grade-row{gap:8px;max-width:720px;margin:0 auto;display:flex}.grade-btn{border:none;border-radius:10px;flex:1 1 0;min-width:0;min-height:52px;padding:12px 4px;font-size:.88rem;font-weight:600}.grade-btn:disabled{opacity:.6}.g-again{color:#2a0000;background:#f87171}.g-hard{color:#2a1a00;background:#fbbf24}.g-good{color:#002417;background:#34d399}.g-easy{color:#001a33;background:#60a5fa}.domain-list{flex-direction:column;gap:12px;display:flex}.domain-card{background:var(--bg-tile);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.domain-head h3{margin:0 0 4px;font-size:1.05rem}.domain-head p{margin:0 0 12px;font-size:.82rem;line-height:1.4}.domain-actions{align-items:center;gap:8px;display:flex}.chip{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:500;display:inline-flex}.chip:disabled{opacity:.4}.domain-actions .muted{margin-left:auto}.progress-pill,.score-mini,.score-mini{color:var(--muted);font-size:.85rem}.progress-bar{background:var(--border);border-radius:4px;height:4px;margin-bottom:20px;overflow:hidden}.progress-bar>div{background:var(--accent);height:100%;transition:width .3s}.quiz{padding-bottom:96px}.stem{margin-bottom:6px;font-size:1.15rem;line-height:1.45}.hint{color:var(--muted);margin:4px 0 12px;font-size:.8rem}.options{flex-direction:column;gap:10px;margin-top:14px;display:flex}.option{text-align:left;background:var(--bg-tile);color:var(--text);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px;font-size:.95rem;font-weight:400;display:flex}.option .opt-key{background:var(--bg);border:1px solid var(--border);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:600;display:grid}.option .opt-label{flex:1}.option .opt-ic{flex:none}.option.chosen{border-color:var(--accent)}.option.chosen .opt-key{border-color:var(--accent);color:var(--accent)}.option.correct{background:#22c55e1a;border-color:#22c55e}.option.correct .opt-ic.ok{color:#22c55e}.option.wrong{border-color:var(--error);background:#f871711a}.option .opt-ic.ko{color:var(--error)}.explain{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;margin-top:18px;padding:14px}.explain-body{color:#d3dbf0;font-size:.9rem;line-height:1.5}.source{align-items:center;gap:8px;margin-top:12px;font-size:.78rem;display:flex}.source a,.source span:last-child{color:var(--muted);text-decoration:none}.source a{align-items:center;gap:4px;display:inline-flex}.source-badge{letter-spacing:.03em;color:var(--accent);border:1px solid var(--accent);border-radius:5px;flex:none;padding:2px 6px;font-size:.65rem;font-weight:700}.quiz-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, transparent);position:fixed;bottom:0;left:0;right:0}.quiz-foot>button{justify-content:center;align-items:center;gap:8px;width:100%;max-width:720px;margin:0 auto;display:flex}.quiz-foot>button:disabled{opacity:.5}.result{text-align:center;max-width:340px}.score-big{color:var(--accent);margin:8px 0 0;font-size:3rem;font-weight:700}.score-pct{color:var(--muted);margin-bottom:20px}.row-btn{gap:10px;display:flex}.row-btn button{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.ghost-btn{color:var(--text);border:1px solid var(--border);background:0 0}.flashcards{justify-content:center;align-items:center;min-height:60vh;padding-bottom:110px;display:flex}.flashcard{background:var(--bg-tile);border:1px solid var(--border);text-align:left;width:100%;max-width:560px;min-height:260px;color:var(--text);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;padding:24px;font-weight:400;display:flex}.flashcard.flipped{border-color:var(--accent);background:var(--bg-elev)}.fc-face{width:100%}.fc-sep{border:none;border-top:1px solid var(--border);margin:16px 0}.fc-tag{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;font-size:.72rem;display:block}.fc-text{font-size:1.15rem;line-height:1.5}.card-ai{margin-top:16px}.ai-actions{flex-wrap:wrap;gap:8px;display:flex}.ai-btn{background:var(--bg);color:var(--accent);border:1px solid var(--accent);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.ai-btn:disabled{opacity:.6}.spin{animation:.9s linear infinite spin}.ai-explanation{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:12px;margin-top:12px;padding:12px 14px}.ai-explanation-head{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:700;display:flex}.ai-explanation-head .small-x{margin-left:auto;padding:2px}.ai-text{color:var(--text);font-size:.9rem;line-height:1.55}.ai-chat-overlay{z-index:100;background:#050812b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=640px){.ai-chat-overlay{align-items:center}}.ai-chat{background:var(--bg-elev);border:1px solid var(--border);border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-width:560px;height:min(80dvh,640px);display:flex}@media (width>=640px){.ai-chat{border-radius:18px}}.ai-chat-head{border-bottom:1px solid var(--border);color:var(--accent);align-items:center;gap:8px;padding:14px 16px;display:flex}.ai-chat-head strong{color:var(--text);flex:1;font-size:.95rem}.ai-chat-body{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.ai-chat-hint{text-align:center;margin-top:24px;font-size:.85rem}.ai-msg{display:flex}.ai-msg.user{justify-content:flex-end}.ai-msg.assistant{justify-content:flex-start}.ai-bubble{text-align:left;border-radius:14px;max-width:85%;padding:10px 13px;font-size:.9rem;line-height:1.5}.ai-msg.user .ai-bubble{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}.ai-msg.assistant .ai-bubble{background:var(--bg-tile);border:1px solid var(--border);border-bottom-left-radius:4px}.ai-chat-input{padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);gap:8px;display:flex}.ai-chat-input input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;flex:1;padding:11px 16px;font-size:.95rem}.ai-chat-input input:focus{outline:2px solid var(--accent);border-color:#0000}.ai-chat-input button{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.numeric-answer{background:var(--card,#1c2333);border:1px solid var(--border,#2c3550);border-radius:12px;align-items:center;gap:10px;margin:14px 0 6px;padding:10px 14px;display:flex}.numeric-answer input{min-width:0;color:inherit;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.25rem;font-weight:600}.numeric-answer input::placeholder{opacity:.4;font-weight:400}.numeric-unit{opacity:.7;font-size:1.05rem;font-weight:600}.numeric-answer.correct{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e40}.numeric-answer.wrong{border-color:#ef4444;box-shadow:0 0 0 1px #ef444440}.numeric-expected{margin:4px 2px 0;font-size:.92rem}.numeric-expected.ok{color:#22c55e}.numeric-expected.ko{color:#ef4444}