:root{--bg: #0b0f1a;--card: rgba(255,255,255,.06);--line: rgba(255,255,255,.12);--txt: #eef2ff;--mut: #9aa4c0;--vio: #7c3aed;--ok: #22c55e;--bad: #ef4444;--warn: #f59e0b}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--txt)}a{color:#06b6d4}.wrap{max-width:1000px;margin:0 auto;padding:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.pill{background:var(--vio);border-radius:999px;padding:.2rem .7rem;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;margin:1rem 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 700px){.grid2{grid-template-columns:1fr}}input,select,textarea{width:100%;margin:.3rem 0;padding:.55rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#11172a;color:#fff}button{padding:.55rem 1.1rem;border-radius:8px;border:0;background:var(--vio);color:#fff;cursor:pointer;margin:.25rem .2rem;font-weight:600}button.ghost{background:transparent;border:1px solid var(--line)}button.ok{background:var(--ok)}button:disabled{opacity:.5}.msg{min-height:1.2em;color:var(--mut)}.msg.bad{color:var(--bad)}.msg.ok{color:var(--ok)}.qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:.3rem;margin:.5rem 0}.qgrid button{padding:.4rem 0;margin:0;background:#1a2340}.qgrid button.done{background:var(--vio)}.qgrid button.flagged{outline:2px solid var(--warn)}.qgrid button.cur{outline:2px solid #06b6d4}.choice{display:block;border:1px solid var(--line);border-radius:8px;padding:.6rem;margin:.4rem 0;cursor:pointer}.choice.sel{border-color:var(--vio);background:#7c3aed26}.choice.right{border-color:var(--ok);background:#22c55e1f}.choice.wrong{border-color:var(--bad);background:#ef44441f}.timer{font-size:1.4rem;font-weight:700}.timer.low{color:var(--bad);animation:blink 1s infinite}@keyframes blink{50%{opacity:.4}}.donut{width:150px;height:150px}.acc{border:1px solid var(--line);border-radius:8px;margin:.5rem 0;padding:.6rem}.acc summary{cursor:pointer;font-weight:600}.flip{perspective:800px;cursor:pointer}.flipinner{transition:transform .5s;transform-style:preserve-3d;position:relative;min-height:200px}.flip.on .flipinner{transform:rotateY(180deg)}.face{backface-visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;background:#141b33;border:1px solid var(--line);border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:center;text-align:center}.back{transform:rotateY(180deg)}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{border-bottom:1px solid var(--line);padding:.35rem;text-align:left}.resume{background:#f59e0b26;border:1px solid var(--warn);border-radius:10px;padding:.8rem;margin:1rem 0}.offline{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.drop{border:2px dashed var(--line);border-radius:12px;padding:2rem;text-align:center}.drop.over{border-color:var(--vio)}.bar{height:26px;background:#1a2340;border-radius:6px;margin:.2rem 0}@media print{.topbar,button,.noprint{display:none!important}body{background:#fff;color:#000}.card{border-color:#ccc}}