*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08090f;--surface: #0d1117;--surface2: #161b24;--border: #1e2a3a;--border2: #243044;--text: #e2e8f0;--text-muted: #7b818b;--text-soft: #8892a4;--accent: #3b82f6;--accent2: #06b6d4;--green: #10b981;--green-dim: #064e3b;--red: #ef4444;--red-dim: #450a0a;--yellow: #f59e0b;--beginner: #10b981;--beginner-bg: #022c22;--inter: #3b82f6;--inter-bg: #0f1f3d}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,monospace;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-30vh;left:50%;transform:translate(-50%);width:70vw;height:60vh;background:radial-gradient(ellipse at center,rgba(59,130,246,.07) 0%,transparent 70%);pointer-events:none;z-index:0}#header{position:sticky;top:0;z-index:100;background:#08090fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 32px;height:68px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px}.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.logo-text{font-family:Syne,sans-serif;font-weight:900;font-size:20px;letter-spacing:-.03em;color:#f8fafc}.logo-text span{color:var(--accent)}.header-right{display:flex;align-items:center;gap:20px}.progress-wrap{display:flex;align-items:center;gap:10px}.q-counter{font-size:12px;color:var(--text-muted);min-width:64px;text-align:right}.progress-track{width:140px;height:5px;background:var(--surface2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;transition:width .55s cubic-bezier(.4,0,.2,1);width:0%}.score-badge{font-size:13px;color:var(--green);font-weight:700;min-width:32px}#main{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:28px 20px 80px}.ref-bar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.ref-btn{background:var(--surface2);border:1px solid var(--border2);color:var(--text-soft);padding:7px 16px;border-radius:8px;font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .18s;letter-spacing:.02em;display:flex;align-items:center;gap:6px}.ref-btn:hover{border-color:var(--accent);color:#93c5fd}.ref-btn.active{background:#3b82f61f;border-color:var(--accent);color:#93c5fd}.ref-panel{background:#080d14;border:1px solid #1a2a40;border-radius:12px;padding:18px;margin-bottom:18px;overflow-x:auto;animation:fadeDown .25s ease both}.ref-panel pre{font-size:11.5px;line-height:1.75;white-space:pre;color:#b2b2b2}.ref-panel.data pre{color:#86efac}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.q-card{background:#0d1117eb;border:1px solid var(--border);border-radius:18px;padding:30px 30px 26px;margin-bottom:14px;animation:slideUp .38s cubic-bezier(.16,1,.3,1) both;position:relative;overflow:hidden}.q-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),transparent)}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.q-meta{display:flex;align-items:center;gap:10px;margin-bottom:20px}.q-num{background:var(--inter-bg);color:#60a5fa;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.1em;border:1px solid rgba(59,130,246,.2)}.level-pill{padding:3px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.07em}.level-pill.Beginner{background:var(--beginner-bg);color:var(--beginner);border:1px solid #065f46}.level-pill.Intermediate{background:var(--inter-bg);color:var(--inter);border:1px solid #1e40af}.q-text{font-family:Syne,sans-serif;font-weight:700;font-size:19px;color:#f1f5f9;line-height:1.45;margin-bottom:12px}.q-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.q-hint span:last-child{color:#4b5e73}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.opt{background:#0d1117d9;border:1px solid var(--border);border-radius:11px;padding:14px 18px;display:flex;align-items:flex-start;gap:14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;font-family:JetBrains Mono,monospace;font-size:13px;color:#b0bec5;line-height:1.65;text-align:left;width:100%;animation:slideUp .38s cubic-bezier(.16,1,.3,1) both}.opt:nth-child(1){animation-delay:.05s}.opt:nth-child(2){animation-delay:.1s}.opt:nth-child(3){animation-delay:.15s}.opt:nth-child(4){animation-delay:.2s}.opt:hover:not(:disabled){transform:translate(6px);border-color:var(--accent);color:#e2e8f0}.opt:disabled{cursor:default}.opt.selected{background:#1d4ed82e;border-color:var(--accent);color:#93c5fd}.opt.correct{background:#104e3266;border-color:var(--green);color:#86efac}.opt.wrong{background:#450a0a80;border-color:var(--red);color:#fca5a5}.opt.correct:hover,.opt.wrong:hover{transform:none}.opt-letter{min-width:26px;height:26px;border-radius:6px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--text-muted);flex-shrink:0;transition:background .16s,color .16s}.opt.selected .opt-letter{background:var(--accent);color:#fff}.opt.correct .opt-letter{background:var(--green);color:#fff}.opt.wrong .opt-letter{background:var(--red);color:#fff}.explanation{background:#080d14;border:1px solid #1a2a40;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:14px 18px;margin-bottom:16px;animation:fadeDown .3s ease both}.explanation-label{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.explanation-text{font-size:13px;color:var(--text-soft);line-height:1.7}.actions{display:flex;justify-content:flex-end;gap:12px}.btn{padding:12px 32px;border-radius:10px;font-size:14px;font-family:inherit;font-weight:700;cursor:pointer;border:none;letter-spacing:.04em;transition:all .18s}.btn-confirm{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.btn-confirm:hover{opacity:.88;transform:translateY(-1px)}.btn-confirm:disabled{background:var(--surface2);color:var(--text-muted);cursor:not-allowed;transform:none;opacity:1}.btn-next{background:linear-gradient(135deg,#059669,#0d9488);color:#fff}.btn-next:hover{opacity:.88;transform:translateY(-1px)}.btn-restart{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:14px 44px;font-size:15px;border-radius:12px;margin-top:8px}.btn-restart:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.btn-study{background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#fcd34d;padding:14px 44px;font-size:15px;border-radius:12px}.btn-study:hover{background:#f59e0b38;transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b33}.btn-dashboard{background:var(--surface2);border:1px solid var(--border2);color:var(--text-soft);padding:14px 44px;font-size:15px;border-radius:12px}.btn-dashboard:hover{border-color:var(--accent);color:#93c5fd;transform:translateY(-2px)}#results{animation:slideUp .5s cubic-bezier(.16,1,.3,1) both}.results-hero{background:#0d1117f2;border:1px solid var(--border);border-radius:20px;padding:52px 36px 44px;text-align:center;margin-bottom:24px;position:relative;overflow:hidden}.results-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent)}.results-label{font-size:12px;color:var(--text-muted);letter-spacing:.25em;text-transform:uppercase;margin-bottom:18px}.big-score{font-family:Syne,sans-serif;font-size:88px;font-weight:900;line-height:1;background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grade{font-family:Syne,sans-serif;font-size:52px;font-weight:900;margin-top:4px}.grade-msg{color:var(--text-soft);font-size:16px;margin-top:12px}.results-bar-wrap{margin-top:28px}.results-bar-track{height:8px;background:var(--surface2);border-radius:999px;overflow:hidden;margin-bottom:8px}.results-bar-fill{height:100%;border-radius:999px;transition:width 1s cubic-bezier(.4,0,.2,1) .3s;width:0}.results-pct{font-size:13px;color:var(--text-muted)}.stats-row{display:flex;gap:12px;margin-top:24px;justify-content:center;flex-wrap:wrap}.stat-box{background:var(--surface2);border:1px solid var(--border2);border-radius:12px;padding:14px 24px;text-align:center;min-width:110px}.stat-val{font-family:Syne,sans-serif;font-size:28px;font-weight:800;line-height:1}.stat-val.green{color:var(--green)}.stat-val.red{color:var(--red)}.stat-val.blue{color:var(--accent2)}.stat-label{font-size:11px;color:var(--text-muted);margin-top:4px}.wrong-section{margin-bottom:28px}.section-title{font-family:Syne,sans-serif;font-weight:800;font-size:19px;color:#f1f5f9;margin-bottom:16px;display:flex;align-items:center;gap:8px}.wrong-item{background:#450a0a26;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:18px;margin-bottom:12px;animation:fadeDown .3s ease both}.wrong-q{font-size:13px;color:var(--text-soft);margin-bottom:10px;line-height:1.6}.wrong-q strong{color:#e2e8f0}.wrong-chosen{font-size:13px;color:#fca5a5;margin-bottom:6px}.wrong-correct{font-size:13px;color:#86efac;margin-bottom:10px}.wrong-exp{background:#0000004d;padding:10px 14px;border-radius:8px;font-size:12px;color:var(--text-muted);line-height:1.7}.btn-save{background:transparent;border:1px solid var(--border2);color:var(--text-muted);padding:8px 16px;border-radius:8px;font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:6px;letter-spacing:.03em}.btn-save:hover{border-color:var(--yellow);color:var(--yellow);background:#f59e0b14}.btn-save.saved{border-color:var(--yellow);color:var(--yellow);background:#f59e0b1f}.btn-save.saved:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.saved-badge{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:var(--yellow);padding:8px 16px;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:5px;white-space:nowrap}.saved-badge:hover{background:#f59e0b40}.screen{display:none}.screen.active{display:block}.results-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-pill{background:var(--surface2);border:1px solid var(--border2);color:var(--text-muted);padding:6px 14px;border-radius:999px;font-size:12px;font-family:inherit;font-weight:700;cursor:pointer;transition:all .18s;letter-spacing:.03em}.filter-pill:hover{border-color:var(--accent);color:#93c5fd}.filter-pill.active.incorrect{background:#ef44441f;border-color:#ef444480;color:#fca5a5}.filter-pill.active.correct{background:#10b9811f;border-color:#10b98180;color:#86efac}.filter-pill.active.all{background:#3b82f61f;border-color:#3b82f680;color:#93c5fd}.correct-item{background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:12px;padding:18px;margin-bottom:12px;animation:fadeDown .3s ease both}.correct-item .wrong-q{font-size:13px;color:var(--text-soft);margin-bottom:6px;line-height:1.6}.correct-item .correct-ans{font-size:13px;color:#86efac}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}#review-screen .section-title{margin-bottom:20px}.review-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px;line-height:2}.review-item{background:#f59e0b0d;border:1px solid rgba(245,158,11,.18);border-radius:12px;padding:20px;margin-bottom:14px;animation:fadeDown .3s ease both;position:relative}.review-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.review-item-q{font-size:14px;color:#e2e8f0;font-weight:600;line-height:1.5;flex:1}.review-item-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-remove{background:transparent;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:4px 10px;border-radius:6px;font-size:11px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .16s}.btn-remove:hover{background:#ef44441f;border-color:var(--red)}.review-exp{font-size:12px;color:var(--text-muted);line-height:1.7;padding:8px 0 0}.review-opts{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.review-opt{font-size:12px;color:var(--text-soft);padding:6px 12px;border-radius:6px;border:1px solid transparent;background:#ffffff05;display:flex;gap:8px;align-items:flex-start}.review-opt.is-answer{color:#86efac;background:#10b98112;border-color:#10b98133}.review-opt.was-chosen{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b40}.review-opt .ro-letter{font-weight:700;min-width:16px;flex-shrink:0}.review-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:10px}.btn-back{background:var(--surface2);border:1px solid var(--border2);color:var(--text-soft);padding:9px 20px;border-radius:9px;font-size:13px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:6px}.btn-back:hover{border-color:var(--accent);color:#93c5fd}.btn-clear-all{background:transparent;border:1px solid rgba(239,68,68,.25);color:#f87171;padding:9px 18px;border-radius:9px;font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .18s}.btn-clear-all:hover{background:#ef44441a;border-color:var(--red)}.wrong-item-footer{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.btn-quiz-footer{background:transparent;border:1px solid var(--border2);color:var(--text-muted);padding:8px 20px;border-radius:8px;font-size:12px;font-family:inherit;font-weight:600;cursor:pointer;transition:all .18s;letter-spacing:.03em}.btn-quiz-footer:hover{border-color:var(--accent);color:#93c5fd;background:#3b82f60f}@media(max-width:780px){.q-text{font-size:16px}.big-score{font-size:64px}.q-card{padding:20px 16px}.opt{font-size:12px;padding:12px 14px}#header{padding:12px 16px;height:auto;flex-wrap:wrap;gap:8px;align-items:flex-start}.logo{width:100%;padding:4px 0}.header-right{width:100%;gap:10px;padding:12px 0 14px;flex-wrap:wrap;align-items:center}#header-dashboard{width:100%;padding:10px 0 14px}.progress-track{width:80px}.q-counter{font-size:11px;min-width:40px}.score-badge{font-size:11px;min-width:24px}.mode-badge{font-size:10px;padding:5px 10px}.saved-badge{font-size:10px;padding:8px 14px}}.study-sheet{padding:0;background:transparent;border:none}.ss-header{font-family:Syne,sans-serif;font-size:16px;font-weight:800;color:#f1f5f9;padding:16px 20px 14px;border-bottom:1px solid var(--border);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.ss-header>span{white-space:nowrap}.ss-header span span{color:var(--accent2)}.ss-filter-bar{display:flex;gap:6px;align-items:center}.ss-pill{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid var(--border2);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .16s;letter-spacing:.04em}.ss-pill:hover{border-color:var(--text-soft);color:var(--text-soft)}.ss-pill.active.all{background:#ffffff12;border-color:var(--border2);color:var(--text)}.ss-pill.active.easy{background:#10b9811f;border-color:#10b98180;color:#34d399}.ss-pill.active.inter{background:#3b82f61f;border-color:#3b82f680;color:#93c5fd}.ss-pill.advanced{border-color:#f59e0b59;color:#fbbf24}.ss-pill.advanced:hover{border-color:#f59e0b;color:#fcd34d}.ss-pill.active.advanced{background:#f59e0b1f;border-color:#f59e0b99;color:#fcd34d}.ss-db-note{font-size:12px;color:var(--text-muted);padding:0 20px 12px;line-height:1.6}.ss-db-note code{color:var(--accent2);background:#06b6d414;padding:1px 5px;border-radius:4px;font-family:inherit}.ss-schema-peek{margin:0 20px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.ss-schema-peek pre{font-size:11px;color:var(--text-soft);padding:12px 16px;white-space:pre-wrap;word-break:break-word;background:transparent;border:none;margin:0}.ss-section-title{font-family:Syne,sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;color:#93c5fd;padding:14px 20px 6px;border-top:1px solid var(--border);margin-top:4px}.ss-block{padding:4px 20px 12px;display:flex;flex-direction:column;gap:6px}.ss-label{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-top:6px}.ss-code{background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:10px 14px;font-size:12px;color:#e2e8f0;font-family:JetBrains Mono,monospace;white-space:pre;overflow-x:auto;word-break:normal;margin:0;line-height:1.7;display:block}.ss-note{font-size:12px;color:var(--text-soft);background:#3b82f60f;border-left:3px solid var(--accent);padding:8px 12px;border-radius:0 6px 6px 0;line-height:1.6;margin-top:4px}.dash-hero{text-align:center;padding:52px 20px 44px;animation:slideUp .4s cubic-bezier(.16,1,.3,1) both}.dash-hero-title{font-family:Syne,sans-serif;font-weight:900;font-size:42px;letter-spacing:-.03em;color:#f8fafc;line-height:1.1;margin-bottom:12px}.dash-hero-title span{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-hero-sub{font-size:14px;color:var(--text-muted);line-height:1.7;max-width:440px;margin:0 auto 48px}.quiz-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:760px;margin:0 auto 44px}.quiz-card-btn{background:var(--surface);border-radius:16px;padding:28px 24px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:left;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px}.quiz-card-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;transition:opacity .2s;opacity:.6}.quiz-card-btn:hover{transform:translateY(-4px)}.quiz-card-btn.easy{border:1px solid rgba(16,185,129,.3)}.quiz-card-btn.easy:before{background:linear-gradient(90deg,#10b981,#34d399)}.quiz-card-btn.easy:hover{border-color:#10b981b3;box-shadow:0 8px 32px #10b98126}.quiz-card-btn.inter{border:1px solid rgba(59,130,246,.3)}.quiz-card-btn.inter:before{background:linear-gradient(90deg,var(--accent),var(--accent2))}.quiz-card-btn.inter:hover{border-color:#3b82f6b3;box-shadow:0 8px 32px #3b82f626}.quiz-card-btn.master{border:1px solid rgba(245,158,11,.7);cursor:pointer;box-shadow:0 0 12px #f59e0b59,0 0 28px #f59e0b26,inset 0 0 16px #f59e0b0d}.quiz-card-btn.master:before{background:linear-gradient(90deg,#f59e0b,#f87171)}.quiz-card-btn.master:hover{transform:translateY(-4px);border-color:#f59e0bf2;box-shadow:0 0 20px #f59e0b8c,0 0 48px #f59e0b40,inset 0 0 20px #f59e0b14}.premium-badge{position:absolute;top:12px;right:14px;background:linear-gradient(135deg,#f59e0b,#f87171);color:#0a0a0a;font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 9px;border-radius:999px;text-transform:uppercase}.premium-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease both}.premium-modal{background:var(--surface);border:1px solid rgba(245,158,11,.4);border-radius:20px;padding:44px 40px 36px;max-width:420px;width:90%;text-align:center;position:relative;box-shadow:0 0 40px #f59e0b33,0 24px 64px #0009;animation:slideUp .3s cubic-bezier(.16,1,.3,1) both}.pm-icon{font-size:44px;margin-bottom:16px}.pm-title{font-family:Syne,sans-serif;font-weight:900;font-size:22px;color:#f1f5f9;margin-bottom:10px}.pm-title span{background:linear-gradient(135deg,#f59e0b,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pm-desc{font-size:13px;color:var(--text-soft);line-height:1.7;margin-bottom:28px}.pm-close{background:var(--surface2);border:1px solid var(--border2);color:var(--text-soft);padding:11px 32px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s}.pm-close:hover{border-color:var(--accent);color:#93c5fd}.qcb-icon{font-size:28px}.qcb-label{font-family:Syne,sans-serif;font-weight:800;font-size:18px;color:#f1f5f9}.qcb-desc{font-size:12px;color:var(--text-muted);line-height:1.6}.qcb-count{font-size:11px;font-weight:700;letter-spacing:.08em;margin-top:4px}.quiz-card-btn.easy .qcb-count{color:#10b981}.quiz-card-btn.inter .qcb-count{color:#60a5fa}.quiz-card-btn.master .qcb-count{color:#fcd34d}.mode-badge{font-size:11px;font-weight:700;padding:6px 14px;border-radius:999px;letter-spacing:.06em;border:1px solid}.mode-badge.easy{background:#10b9811f;color:#34d399;border-color:#10b98159}.mode-badge.inter{background:#3b82f61f;color:#93c5fd;border-color:#3b82f659}.mode-badge.master{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b59}.premium-title-badge,.dash-hero-title span.premium-title-badge{background:linear-gradient(135deg,#f59e0b,#f87171)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;font-size:.75em;letter-spacing:.02em}.quiz-card-btn.advanced{border:1px solid rgba(239,68,68,.5);box-shadow:0 0 16px #ef444440,0 0 40px #f871711f,inset 0 0 20px #ef44440a;flex-direction:row;align-items:center;padding:28px 32px;gap:0}.quiz-card-btn.advanced:before{background:linear-gradient(90deg,#ef4444,#f87171,#fb7185)}.quiz-card-btn.advanced:hover{border-color:#ef4444d9;box-shadow:0 0 28px #ef444473,0 0 60px #f8717133,inset 0 0 28px #ef444412;transform:translateY(-3px)}.advanced-badge{background:linear-gradient(135deg,#ef4444,#f87171)!important}.advanced-card-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}.advanced-card-left{display:flex;align-items:center;gap:18px}.advanced-card-left .qcb-icon{font-size:32px}.advanced-card-left .qcb-label{font-family:Syne,sans-serif;font-weight:800;font-size:20px;color:#f1f5f9;margin-bottom:4px}.advanced-card-left .qcb-desc{font-size:12px;color:var(--text-muted);line-height:1.6;max-width:420px}.advanced-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.advanced-count{color:#f87171!important;font-size:12px;font-weight:700;letter-spacing:.08em}.advanced-start-hint{font-family:Syne,sans-serif;font-size:20px;font-weight:800;color:#f87171;opacity:.7;transition:opacity .18s,transform .18s}.quiz-card-btn.advanced:hover .advanced-start-hint{opacity:1;transform:translate(4px)}.mode-badge.advanced{background:#ef44441f;color:#f87171;border-color:#ef444459}@media(max-width:780px){.advanced-card-inner{flex-direction:column;align-items:flex-start}.advanced-card-right{align-items:flex-start}.quiz-card-btn.advanced{padding:22px 20px}}.qcb-start{font-family:Syne,sans-serif;font-size:13px;font-weight:800;margin-top:4px;opacity:.5;transition:opacity .18s,transform .18s}.quiz-card-btn:hover .qcb-start{opacity:1;transform:translate(4px)}.easy-start{color:#10b981}.inter-start{color:#60a5fa}.master-start{color:#fcd34d}.review-controls-title{font-family:Syne,sans-serif;font-weight:800;font-size:18px;color:#f8fafc;letter-spacing:-.02em}.prem-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin-bottom:20px}.prem-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.prem-section-title{font-family:Syne,sans-serif;font-weight:800;font-size:15px;color:#f8fafc;letter-spacing:-.01em}.prem-badge-label{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:999px;background:#f59e0b1f;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.prem-section-sub{font-size:12px;color:var(--text-muted);margin-bottom:16px}.prem-content{margin-top:14px}.prem-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:18px 0 6px}.hist-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);gap:12px}.hist-row:last-child{border-bottom:none}.hist-left{display:flex;flex-direction:column;gap:3px;min-width:100px}.hist-mode{font-family:Syne,sans-serif;font-size:13px;font-weight:800;letter-spacing:.02em}.hist-date{font-size:11px;color:var(--text-muted)}.hist-right{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.hist-bar-wrap{display:flex;align-items:center;gap:8px;flex:1;max-width:220px}.hist-bar-track{flex:1;height:6px;background:var(--surface2);border-radius:999px;overflow:hidden}.hist-bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.hist-score{font-size:12px;color:var(--text-muted);min-width:32px;text-align:right}.hist-grade{font-family:Syne,sans-serif;font-size:18px;font-weight:900;min-width:20px;text-align:right}.heatmap-row{padding:10px 0;border-bottom:1px solid var(--border)}.heatmap-row:last-child{border-bottom:none}.heatmap-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:7px}.heatmap-q{display:flex;align-items:baseline;gap:6px;flex:1;flex-wrap:wrap}.heatmap-topic{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.heatmap-qtext{font-size:12px;color:var(--text-muted);line-height:1.4}.heatmap-count{font-family:Syne,sans-serif;font-size:13px;font-weight:800;color:#f87171;white-space:nowrap}.heatmap-bar-track{height:5px;background:var(--surface2);border-radius:999px;overflow:hidden}.heatmap-bar-fill{height:100%;background:linear-gradient(90deg,#dc2626,#f87171);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.topic-row{padding:10px 0;border-bottom:1px solid var(--border)}.topic-row:last-child{border-bottom:none}.topic-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.topic-name{font-size:13px;font-weight:600;color:#e2e8f0}.topic-row-right{display:flex;align-items:center;gap:10px}.topic-label{font-size:11px;font-weight:700;letter-spacing:.04em}.topic-pct{font-family:Syne,sans-serif;font-size:14px;font-weight:800;color:#f8fafc;min-width:36px;text-align:right}.topic-bar-track{height:5px;background:var(--surface2);border-radius:999px;overflow:hidden;margin-bottom:5px}.topic-bar-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.topic-meta{font-size:11px;color:var(--text-muted)}.saved-section-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 24px;margin-bottom:20px}.saved-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.saved-section-meta{display:flex;align-items:center;gap:12px}.btn-toggle-saved{background:#6366f11f;border:1px solid rgba(99,102,241,.3);color:#a5b4fc;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;transition:background .18s,border-color .18s,color .18s;white-space:nowrap}.btn-toggle-saved:hover,.btn-toggle-saved.open{background:#6366f138;border-color:#6366f180;color:#c7d2fe}@media(max-width:780px){.prem-section,.saved-section-wrap{padding:16px}.hist-bar-wrap{max-width:120px}.review-controls-title{font-size:15px}.saved-section-header{gap:10px}.btn-toggle-saved{font-size:11px;padding:6px 11px}}.quiz-card-btn.locked-card{opacity:.45;filter:saturate(.3);transition:opacity .25s,filter .25s,transform .2s,border-color .25s,box-shadow .25s}.quiz-card-btn.locked-card:hover{opacity:1;filter:saturate(1)}.ss-pill.locked-pill{opacity:.4;filter:saturate(.25);cursor:pointer;transition:opacity .22s,filter .22s}.ss-pill.locked-pill:hover{opacity:.85;filter:saturate(.8)}.prem-section-locked{opacity:.65;filter:saturate(.3)}.prem-locked-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 16px;text-align:center}.prem-lock-icon{font-size:28px;opacity:.6}.prem-lock-label{font-size:13px;color:var(--text-muted);font-weight:600}.prem-lock-btn{margin-top:4px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fcd34d;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;padding:7px 18px;border-radius:999px;cursor:pointer;transition:background .18s,border-color .18s;letter-spacing:.04em}.prem-lock-btn:hover{background:#f59e0b38;border-color:#f59e0b99}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.auth-modal{background:#0f1117;border:1px solid rgba(99,102,241,.3);border-radius:20px;padding:40px 36px;width:100%;max-width:400px;box-shadow:0 0 60px #6366f126}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}.auth-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}.auth-logo-text{font-family:Syne,sans-serif;font-weight:900;font-size:20px;color:#f8fafc;letter-spacing:-.03em}.auth-logo-text span{color:var(--accent)}.auth-title{font-family:Syne,sans-serif;font-weight:800;font-size:22px;color:#f8fafc;margin-bottom:6px;letter-spacing:-.02em}.auth-sub{font-size:13px;color:var(--text-muted);margin-bottom:28px;line-height:1.5}.auth-field{margin-bottom:16px}.auth-field label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}.auth-field input{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:13px;color:#f1f5f9;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.auth-field input:focus{border-color:#6366f199;box-shadow:0 0 0 3px #6366f11f}.auth-field input::placeholder{color:#4b5563}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:12px;padding:10px 14px;border-radius:8px;margin-bottom:16px;display:none}.auth-error.visible{display:block}.auth-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:12px;padding:10px 14px;border-radius:8px;margin-bottom:16px;display:none}.auth-success.visible{display:block}.btn-auth-submit{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-family:Syne,sans-serif;font-weight:800;font-size:14px;letter-spacing:.04em;border:none;border-radius:10px;padding:14px;cursor:pointer;transition:opacity .18s,transform .18s;margin-bottom:16px}.btn-auth-submit:hover{opacity:.9;transform:translateY(-1px)}.btn-auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-switch{text-align:center;font-size:13px;color:var(--text-muted)}.auth-switch button{background:none;border:none;color:var(--accent2);font-family:JetBrains Mono,monospace;font-size:13px;cursor:pointer;text-decoration:underline;padding:0}.auth-skip{display:block;text-align:center;font-size:12px;color:var(--text-muted);margin-top:14px;cursor:pointer;background:none;border:none;width:100%;padding:4px;transition:color .18s}.auth-skip:hover{color:#94a3b8}.user-pill{display:flex;align-items:center;gap:8px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:999px;padding:6px 14px;font-size:12px;color:#a5b4fc;font-weight:600;cursor:pointer;transition:background .18s;white-space:nowrap}.user-pill:hover{background:#6366f133}.user-pill .user-avatar{width:22px;height:22px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:800;flex-shrink:0}.user-pill.premium{background:#f59e0b1a;border-color:#f59e0b4d;color:#fcd34d}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#0f1117;border:1px solid var(--border);border-radius:12px;padding:8px;min-width:200px;box-shadow:0 8px 32px #0006;z-index:200}.user-dropdown-email{font-size:11px;color:var(--text-muted);padding:6px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px;word-break:break-all}.user-dropdown button{display:block;width:100%;text-align:left;background:none;border:none;color:#e2e8f0;font-family:JetBrains Mono,monospace;font-size:12px;padding:9px 10px;border-radius:7px;cursor:pointer;transition:background .15s}.user-dropdown button:hover{background:#ffffff0f}.user-dropdown button.danger{color:#f87171}.user-dropdown button.danger:hover{background:#ef44441a}.header-user-wrap{position:relative}.payment-banner{background:linear-gradient(90deg,#10b98126,#34d3991a);border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:13px;font-weight:600;text-align:center;padding:10px 20px;position:sticky;top:68px;z-index:90}@media(max-width:780px){.auth-modal{padding:28px 20px}.user-pill span.user-email{display:none}}.pm-features{display:flex;flex-direction:column;gap:8px;margin:20px 0 24px;text-align:left}.pm-feature{font-size:13px;color:#e2e8f0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0a;border-radius:8px;border:1px solid var(--border)}.pm-cta{display:block;width:100%;background:linear-gradient(135deg,#f59e0b,#f87171);color:#0a0a0a;font-family:Syne,sans-serif;font-weight:800;font-size:15px;letter-spacing:.04em;border:none;border-radius:12px;padding:16px;cursor:pointer;transition:opacity .18s,transform .18s;margin-bottom:12px}.pm-cta:hover{opacity:.9;transform:translateY(-1px)}