:root{--bg: #0e1016;--bg-2: #151824;--panel: #181c2b;--panel-2: #1f2437;--line: #2b3350;--text: #eceef7;--muted: #8b93b2;--accent: #a78bfa;--accent-2: #22d3ee;--ok: #34d399;--bad: #f87171;--warn: #fbbf24}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 700px at 80% -10%,#241a44,transparent),radial-gradient(900px 600px at -5% 110%,#10303a,transparent),var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.muted{color:var(--muted)}.center{text-align:center;padding:40px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px;text-align:center;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:20px;padding:36px 30px;box-shadow:0 24px 60px #00000080}.login-logo{font-size:46px}.login-card h1{margin:6px 0 2px;font-size:27px}.login-sub{margin:0 0 22px;color:var(--muted);font-size:13px}.login-card input,.gen-panel input,.gen-panel textarea,.tutor-row input{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:11px;color:var(--text);padding:12px 14px;font-size:15px;font-family:inherit}.login-card input{text-align:center}.login-card input:focus,.gen-panel input:focus,.gen-panel textarea:focus,.tutor-row input:focus{outline:none;border-color:var(--accent)}.login-err{color:var(--bad);font-size:13px;margin-top:10px}.login-card button{margin-top:16px;width:100%;background:linear-gradient(180deg,var(--accent),#8b5cf6);border:none;color:#fff;font-weight:700;font-size:15px;padding:12px;border-radius:11px;cursor:pointer}.app{min-height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--line);background:#141826b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;cursor:pointer}.brand-logo{font-size:28px}.brand h1{margin:0;font-size:20px}.brand-sub{margin:0;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:2px}.logout{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.logout:hover{color:var(--text);border-color:var(--bad)}.wrap{max-width:780px;margin:0 auto;padding:22px 18px 60px}.primary,.secondary,.ghost{border-radius:11px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--line);font-family:inherit}.primary{background:linear-gradient(180deg,var(--accent),#8b5cf6);border:none;color:#fff}.primary.big{width:100%;padding:13px;font-size:15px;margin-top:8px}.primary:hover{filter:brightness(1.1)}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{background:var(--panel-2);color:var(--text)}.secondary:hover{border-color:var(--accent-2)}.ghost{background:none;border:none;color:var(--muted);padding:6px 4px}.ghost:hover{color:var(--text)}.chip{font-size:12px;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.subjects{display:grid;gap:12px;grid-template-columns:1fr 1fr}.subject-card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}.subj-head{display:flex;gap:12px;align-items:center}.subj-icon{font-size:30px}.subj-name{font-weight:700;font-size:15px}.subj-meta{font-size:12px;color:var(--muted)}.subj-meta b{color:var(--accent-2)}.subj-head.clickable{cursor:pointer;border-radius:10px;padding:4px;margin:-4px}.subj-head.clickable:hover{background:#ffffff08}.subj-actions{display:flex;gap:8px}.subj-actions button{flex:1}.sv-title{font-size:22px;margin:14px 0 16px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.tile{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center}.tile-num{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.tile-num.accent{color:var(--accent-2)}.tile-num.warn{color:var(--warn)}.tile-sub{font-size:14px;color:var(--muted);font-weight:600}.tile-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.mini-head{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.card+.card,.activity-card{margin-top:12px}.bars{display:flex;align-items:flex-end;gap:4px;height:70px}.bar-col{flex:1;height:100%;display:flex;align-items:flex-end}.bar{width:100%;min-height:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:3px 3px 0 0}.sc-list{display:flex;flex-direction:column;gap:8px}.sc-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:11px}.sc-info{flex:1;min-width:0}.sc-name{font-weight:600;font-size:14px}.sc-meta{font-size:12px;color:var(--muted)}.sc-meta b{color:var(--accent-2)}.secondary.sm,.primary.sm{padding:7px 12px;font-size:13px;flex:0 0 auto}.gen-panel{margin-top:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.gen-panel h2{margin:0;font-size:16px}.gen-panel textarea{resize:vertical}.gen-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gen-msg{font-size:13px;color:var(--muted)}.up-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gen-panel select,.gen-panel input[type=file]{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:11px;color:var(--text);padding:11px 12px;font-size:14px;font-family:inherit}.gen-panel input[type=file]{padding:9px 12px}.gen-panel input[type=file]::file-selector-button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 12px;margin-right:12px;cursor:pointer;font-family:inherit}.learn-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px;flex-wrap:wrap}.learn-stats{display:flex;gap:6px}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:22px}.chapter{font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.prompt{margin:0 0 6px;font-size:20px;line-height:1.35}.prompt.sm{font-size:16px}.qn{color:var(--accent)}.hint{color:var(--muted);font-size:13px;margin:0 0 14px}.options{display:flex;flex-direction:column;gap:8px}.opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);cursor:pointer;transition:border-color .12s}.opt:hover{border-color:var(--accent)}.opt input{width:18px;height:18px;accent-color:var(--accent);flex:0 0 auto}.opt.picked{border-color:var(--accent);background:#1e1b34}.opt.ok{border-color:var(--ok);background:#10241d}.opt.bad{border-color:var(--bad);background:#2a1518}.opt-text{flex:1;font-size:14px}.opt-tag{font-size:10px;font-weight:800;padding:2px 7px;border-radius:5px}.opt-tag.t{background:#0f3a2c;color:var(--ok)}.opt-tag.f{background:#3a1a1e;color:var(--bad)}.feedback{margin-top:12px}.verdict{font-size:16px;font-weight:700;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--bad)}.verdict .interval{font-size:12px;font-weight:500;color:var(--muted)}.explanation{margin:12px 0;padding:12px 14px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:1.5}.explanation b{color:var(--accent-2)}.tutor{margin:12px 0}.tutor-row{display:flex;gap:8px}.tutor-row button{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:11px;padding:0 16px;cursor:pointer}.tutor-reply{margin-top:10px;padding:12px 14px;background:#171633;border:1px solid #2e2a55;border-radius:12px;font-size:14px;line-height:1.55;white-space:pre-wrap}.rate-hint{font-size:12px;color:var(--muted);margin:14px 0 8px;text-align:center}.rate-buttons{display:flex;gap:8px}.rate{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 6px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;font-weight:700;font-size:14px;font-family:inherit}.rate span{font-size:11px;font-weight:500;color:var(--muted)}.rate:hover{filter:brightness(1.12)}.rate:disabled{opacity:.55;cursor:not-allowed}.rate.again{border-color:#6b2c38;background:#2a1518;color:#ffb4b4}.rate.hard{border-color:#7a4a1e;background:#2a1e10;color:#fcd9a0}.rate.good{border-color:#2e5bbf;background:#16233f;color:#cfe0ff}.rate.easy{border-color:#1d6b6b;background:#10262a;color:#b8f4ff}.done-card{text-align:center}.done-emoji{font-size:48px}.exam-q{margin-bottom:12px}.result-card{text-align:center}.score-ring{width:110px;height:110px;margin:0 auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;background:conic-gradient(var(--accent) 0,var(--accent-2) 100%);color:#0e1016}.result-card .sub{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:18px 0 10px}.chapters{display:flex;flex-direction:column;gap:6px;text-align:left}.chapter-row{display:grid;grid-template-columns:1fr 120px 44px;align-items:center;gap:10px;font-size:12px}.ch-name{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-bar{height:8px;background:var(--bg-2);border-radius:4px;overflow:hidden}.ch-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.ch-num{text-align:right;color:var(--muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}@media (max-width: 640px){.subjects{grid-template-columns:1fr}}.tile-num.bad{color:var(--bad)}.mastery-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--bg-2)}.ms{height:100%}.ms-mastered{background:var(--ok)}.ms-learning{background:var(--accent)}.ms-new{background:var(--line)}.mastery-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--muted)}.mastery-legend .dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px;vertical-align:middle}.dot.ms-mastered{background:var(--ok)}.dot.ms-learning{background:var(--accent)}.dot.ms-new{background:var(--line)}.q-list{display:flex;flex-direction:column;gap:8px}.q-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.q-item-main{flex:1;min-width:0}.q-item-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px;margin-bottom:3px}.q-item-prompt{font-size:14px;line-height:1.4}.q-item-actions{display:flex;gap:6px;flex:0 0 auto}.src{font-size:10px;padding:1px 6px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line);letter-spacing:0}.src-manual{color:var(--accent-2);border-color:var(--accent-2)}.btn-del{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:10px;cursor:pointer}.btn-del:hover{border-color:var(--bad);color:var(--bad)}.btn-del.sm{padding:7px 12px;font-size:13px}.opt-editor{display:flex;flex-direction:column;gap:8px;margin:10px 0}.opt-edit-row{display:flex;align-items:center;gap:8px}.opt-edit-row input[type=text],.opt-edit-row>input:not([type=checkbox]){flex:1}.opt-correct{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);white-space:nowrap;cursor:pointer;flex:0 0 auto}.opt-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:14px;padding:4px 8px;flex:0 0 auto}.opt-del:hover{color:var(--bad)}.q-prompt{margin-bottom:10px}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1;padding:3px 6px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);box-shadow:0 1px 0 var(--line)}.kbd-hint{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.kbd-hint kbd{padding:1px 5px}.opt-key{flex:0 0 auto;margin-right:2px;min-width:20px;text-align:center}.btn-key{font-size:12px;opacity:.8;margin-left:4px}.rate-key{display:block;margin-bottom:3px;padding:1px 6px}.secondary.danger{border-color:#6b2c38;color:#ffb4b4}.secondary.danger:hover{border-color:var(--bad)}.leech-item{display:flex;flex-direction:column;gap:8px}.leech-badge{font-size:11px;padding:2px 8px;border-radius:999px;background:#2a1518;border:1px solid #6b2c38;color:#ffb4b4;letter-spacing:0}.leech-prompt{font-size:15px;line-height:1.45;font-weight:600}.leech-actions{display:flex;gap:8px}.leech-err{color:var(--bad);font-size:13px}.sugg{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.sugg-prompt{font-weight:600;margin-bottom:8px}.sugg-opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:13px}.sugg-opts li{display:flex;align-items:baseline;gap:8px}.sugg-tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;flex:0 0 auto}.sugg-opts li.t .sugg-tag{background:#10262a;color:var(--ok)}.sugg-opts li.f .sugg-tag{background:#2a1518;color:var(--bad)}.sugg-expl{margin-top:8px;font-size:13px;color:var(--muted)}.gami{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:18px}.gami-ring{display:flex;align-items:center;gap:12px}.gami-ring svg .ring-bg{fill:none;stroke:var(--bg-2);stroke-width:7}.gami-ring svg .ring-fg{fill:none;stroke:url(#g);stroke:var(--accent);stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.gami-ring svg .ring-fg.done{stroke:var(--ok)}.gami-ring svg .ring-text{fill:var(--text);font-size:15px;font-weight:700;text-anchor:middle}.gami-ring-label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px}.goal-btn,.goal-edit input{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:3px 8px;font-size:11px;cursor:pointer;font-family:inherit;width:70px}.goal-btn:hover{color:var(--text);border-color:var(--accent)}.gami-level{flex:1;min-width:180px}.level-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.level-badge{background:linear-gradient(180deg,var(--accent),#8b5cf6);color:#fff;font-weight:800;font-size:13px;padding:3px 10px;border-radius:8px}.xp-text{font-size:12px;color:var(--muted)}.xp-bar{height:8px;background:var(--bg-2);border-radius:4px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s ease}.gami-sub{font-size:11px;color:var(--muted);margin-top:6px}.gami-streak{text-align:center}.streak-num{font-size:22px;font-weight:800}.streak-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.trend{display:flex;align-items:flex-end;gap:6px;height:130px}.trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;min-width:0}.trend-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end}.trend-bar{width:100%;border-radius:4px 4px 0 0;min-height:3px}.trend-bar.good{background:linear-gradient(180deg,var(--ok),#10a37f)}.trend-bar.mid{background:linear-gradient(180deg,var(--warn),#d98a00)}.trend-bar.low{background:linear-gradient(180deg,var(--bad),#b23b3b)}.trend-pct{font-size:10px;color:var(--muted)}.hist-list{display:flex;flex-direction:column;gap:8px}.hist-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:11px}.hist-pct{font-size:16px;font-weight:800;width:54px;flex:0 0 auto}.hist-pct.good{color:var(--ok)}.hist-pct.mid{color:var(--warn)}.hist-pct.low{color:var(--bad)}.hist-main{flex:1;min-width:0}.hist-scope{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-meta{font-size:12px;color:var(--muted);margin-top:2px}.sc-block{border:1px solid var(--line);border-radius:11px;overflow:hidden}.sc-list .sc-row{border:none;border-radius:0;background:var(--bg-2)}.sc-toggle{display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--text);cursor:pointer;flex:1;text-align:left;padding:0;font-family:inherit;min-width:0}.caret{color:var(--muted);transition:transform .15s ease;display:inline-block;flex:0 0 auto}.caret.open{transform:rotate(90deg)}.sc-btns{display:flex;gap:6px;flex:0 0 auto}.ch-sublist{background:var(--panel);border-top:1px solid var(--line);padding:6px 10px 10px;display:flex;flex-direction:column;gap:6px}.ch-subrow{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-2);border:1px solid var(--line);border-radius:9px}.ch-subinfo{flex:1;min-width:0}.ch-subname{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-pad{padding:6px 4px;font-size:13px}