:root{--bg: #0a0f14;--bg2: #111821;--line: #243445;--line-strong: #35526f;--text: #d6e4f2;--text-dim: #8ca0b4;--ok: #58ff9a;--bad: #ff5c77;--font: "Bahnschrift", "Consolas", "Lucida Console", monospace}*{box-sizing:border-box;border-radius:0}html,body,#app{margin:0;min-height:100%;background:linear-gradient(180deg,#090d12,#0f151d)}body{color:var(--text);font-family:var(--font);letter-spacing:.02em}.app{min-height:100vh;padding:16px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.category-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:linear-gradient(180deg,var(--bg2) 0%,#0a1017 100%);color:var(--text);min-height:96px;padding:12px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.category-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.category-title{font-size:15px;line-height:1.25;text-transform:uppercase}.category-count{font-size:14px;color:var(--text-dim);min-width:36px;text-align:right}.quiz{max-width:980px;margin:0 auto}.quiz-bar{border:1px solid var(--line);background:#0d141c;display:flex;gap:10px;align-items:center;padding:10px}.meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-dim)}.nav-btn{border:1px solid var(--line-strong);background:#0e1822;color:var(--text);padding:10px 12px;font:inherit;text-transform:uppercase;cursor:pointer}.nav-btn:hover{background:#122131}.stack{margin-top:10px;display:grid}.question-card{border:1px solid var(--line-strong);background:linear-gradient(180deg,#111c28,#0e1721);min-height:220px;padding:18px;display:flex;flex-direction:column;gap:14px}.question-chapter{margin:0;color:var(--text-dim);font-size:13px;text-transform:uppercase}.question-text{margin:0;font-size:24px;font-weight:600;line-height:1.35;text-transform:uppercase}.answers-layer{margin-top:-1px;border:1px solid var(--line);border-top:0;background:#0a121b;display:grid;grid-template-columns:1fr}.answer-btn{border:0;border-top:1px solid #1d2d3e;background:transparent;color:var(--text);padding:14px 12px;text-align:left;font:inherit;font-size:14px;text-transform:uppercase;cursor:pointer;transition:background-color .12s ease,color .12s ease}.answer-btn:first-child{border-top:0}.answer-btn:hover{background:#142233}.answer-btn.is-correct{color:var(--ok);background:#0f2a1e}.answer-btn.is-wrong{color:var(--bad);background:#2a1117}.answer-btn.is-muted{color:#6f8398}.result{margin-top:10px;display:grid;gap:10px}.result-card{border:1px solid var(--line-strong);background:#0f1721;min-height:140px;padding:14px;display:grid;align-content:center;gap:6px;text-transform:uppercase}.result-line{font-size:18px}.result-actions{display:flex;gap:8px}.wrong-list{display:grid;gap:8px}.wrong-item{border:1px solid var(--line);background:#0d141d;padding:10px;display:grid;gap:6px}.wrong-chapter{color:var(--text-dim);font-size:12px;text-transform:uppercase}.wrong-question{font-size:14px;text-transform:uppercase}.wrong-you{color:var(--bad);font-size:13px;text-transform:uppercase}.wrong-correct{color:var(--ok);font-size:13px;text-transform:uppercase}.slide-enter-active,.slide-leave-active{transition:transform .18s ease,opacity .18s ease}.slide-enter-from{opacity:0;transform:translate(20px)}.slide-leave-to{opacity:0;transform:translate(-20px)}@media (max-width: 720px){.app{padding:10px}.question-card{min-height:190px;padding:14px}.question-text{font-size:19px}.answer-btn{padding:12px 10px;font-size:13px}.result-actions{display:grid;grid-template-columns:1fr 1fr}}