:root{--bg:#0e1613;--panel:#172019;--panel2:#1e2a23;--panel3:#243228;--ink:#e9f0ea;--muted:#8ba499;--line:#2c3f35;--accent:#43b08f;--accent-d:#2f9173;--warn:#d9933f;--bad:#d96152;--good:#52bd8c;--gold:#caa64f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}.wrap{max-width:760px;margin:0 auto;padding:1.4rem 1rem 4rem}header{margin-bottom:1.3rem}.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.66rem;font-weight:600}h1{letter-spacing:-.01em;margin-top:.3rem;font-size:1.7rem;font-weight:700}header p{color:var(--muted);max-width:62ch;margin-top:.5rem;font-size:.9rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:1rem;padding:1.4rem}.seclabel{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:1.1rem 0 .6rem;font-size:.66rem;font-weight:600}.modes{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}@media (width<=560px){.modes{grid-template-columns:1fr}}.mode-btn{text-align:left;background:var(--panel2);border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;border-radius:11px;align-items:center;gap:.8rem;padding:.85rem .9rem;transition:all .15s;display:flex}.mode-btn:hover{border-color:var(--accent);background:var(--panel3);transform:translateY(-1px)}.mode-btn .ic{text-align:center;flex-shrink:0;width:1.7rem;font-size:1.2rem}.mode-btn b{font-size:.9rem;display:block}.mode-btn span{color:var(--muted);font-size:.74rem;line-height:1.3}.mode-btn.feat{background:linear-gradient(135deg,var(--panel3),var(--panel2));border-color:var(--accent-d);grid-column:1/-1}.toggle-row{background:var(--panel2);border:1px solid var(--line);border-radius:11px;align-items:center;gap:.9rem;margin:1rem 0 .3rem;padding:.8rem;display:flex}.toggle-row b{font-size:.85rem;display:block}.toggle-row span{color:var(--muted);font-size:.74rem}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:var(--line);border-radius:24px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:var(--ink);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(20px)}.hud{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.pill{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:.22rem .65rem;font-size:.72rem}.pill b{color:var(--ink)}.timerbar{background:var(--panel2);border:1px solid var(--line);border-radius:6px;flex:1;min-width:90px;height:7px;overflow:hidden}.timerfill{background:linear-gradient(90deg,var(--accent),var(--accent-d));height:100%;transition:width .1s linear}.timerfill.low{background:linear-gradient(90deg,var(--warn),var(--bad))}.qtype{letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;font-size:.66rem;font-weight:600}.qtext{margin-bottom:.5rem;font-size:1.1rem}.qsub{color:var(--muted);margin-bottom:.9rem;font-size:.84rem}.visualbody{margin:.4rem 0 1rem}.seqbox{background:var(--panel2);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;padding:.8rem;display:flex}.seqarrow{color:var(--muted);margin:0 .1rem;font-size:1.1rem}.seqmono{letter-spacing:.1em;background:var(--panel2);border:1px solid var(--line);text-align:center;border-radius:8px;padding:.8rem 1rem;font-family:ui-monospace,Menlo,monospace;font-size:1.3rem}.seqmono.big{letter-spacing:.2em;font-size:1.8rem}.mgrid{background:var(--panel2);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;width:max-content;margin:0 auto;padding:.6rem;display:grid}.mgrid svg{display:block}.memwrap{text-align:center}.memhidden{color:var(--muted);background:var(--panel2);border:1px dashed var(--line);border-radius:8px;padding:1.4rem;font-style:italic}.opts{gap:.55rem;margin-top:.4rem;display:grid}.opts.grid2{grid-template-columns:1fr 1fr}.opts.grid4{grid-template-columns:repeat(4,1fr)}.opts.grid4 .opt{flex-direction:column;align-items:stretch;gap:.3rem;padding:.4rem}.opts.grid4 .opt .key{align-self:flex-start}.ravenmx{justify-content:center;margin:.4rem 0 1rem;display:flex}.ravenmx img{border:1px solid var(--line);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:10px;max-width:100%;max-height:52vh}.ravenopt{pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;display:block}.opts.grid4 .opt{cursor:pointer}.opt{text-align:left;background:var(--panel2);border:1.5px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;border-radius:10px;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.96rem;transition:all .12s;display:flex}.opt:hover:not(:disabled){border-color:var(--accent)}.opt .key{color:var(--muted);border:1px solid var(--line);border-radius:5px;flex-shrink:0;padding:.05rem .4rem;font-family:ui-monospace,monospace;font-size:.74rem}.opt.correct{border-color:var(--good);background:#52bd8c21}.opt.wrong{border-color:var(--bad);background:#d9615221}.opt:disabled{cursor:default}.feedback{border-radius:9px;margin-top:1rem;padding:.8rem 1rem;font-size:.88rem}.feedback.ok{border:1px solid var(--good);background:#52bd8c1a}.feedback.no{border:1px solid var(--bad);background:#d961521a}.row{gap:.7rem;margin-top:1rem;display:flex}.btn{background:var(--accent);color:#06120d;font:inherit;cursor:pointer;border:none;border-radius:9px;flex:1;padding:.8rem;font-weight:700;transition:all .15s}.btn:hover{background:var(--accent-d)}.btn.ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.btn.ghost:hover{color:var(--ink);border-color:var(--accent)}.btn.full{width:100%}.scorebig{letter-spacing:-.02em;font-size:2.8rem;font-weight:800}.scorebig small{color:var(--muted);font-size:1rem;font-weight:500}.statgrid{grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin:1.1rem 0;display:grid}.stat{background:var(--panel2);border:1px solid var(--line);text-align:center;border-radius:9px;padding:.7rem}.stat b{font-size:1.3rem;display:block}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.66rem}.verdict{background:var(--panel2);border:1px solid var(--line);border-radius:9px;margin-bottom:1rem;padding:.9rem;font-size:.9rem}.breakdown div{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:.32rem 0;font-size:.85rem;display:flex}.progcats{flex-direction:column;gap:.6rem;display:flex}.progrow{grid-template-columns:130px 1fr auto;align-items:center;gap:.7rem;display:grid}.proglabel{font-size:.82rem;font-weight:600}.progbar{background:var(--panel2);border:1px solid var(--line);border-radius:6px;height:9px;overflow:hidden}.progfill{border-radius:6px;height:100%;transition:width .3s}.progmeta{color:var(--muted);white-space:nowrap;font-size:.74rem}@media (width<=560px){.progrow{grid-template-columns:1fr;gap:.2rem}.progmeta{text-align:right}}.histlist{flex-direction:column;display:flex}.histrow{border-bottom:1px solid var(--line);color:var(--muted);grid-template-columns:auto 1fr auto;gap:.7rem;padding:.4rem 0;font-size:.8rem;display:grid}.histtitle{color:var(--ink)}.empty{color:var(--muted);padding:1rem 0;font-style:italic}footer{border-top:1px solid var(--line);color:var(--muted);max-width:62ch;margin-top:2rem;padding-top:1.2rem;font-size:.76rem}