:root{--bg:#0a0c10;--s1:#11141b;--s2:#171b24;--bd:#232937;--tx:#e9ecf3;--mu:#8b93a7;--ac:#ffb547;--ok:#4ade80;--no:#f87171;--wa:#fbbf24;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
a{color:var(--ac);text-decoration:none}h1,h2,h3{margin:0 0 .4em;letter-spacing:-.02em}h1{font-size:30px}h2{font-size:21px}h3{font-size:16px}
#shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}#side{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--bd);background:var(--s1);display:flex;flex-direction:column;gap:4px}
#v{padding:32px clamp(16px,4vw,48px) 90px;max-width:980px;width:100%;animation:in .35s ease both}
@keyframes in{from{opacity:0;transform:translateY(10px)}}
.logo{font-weight:800;font-size:19px;letter-spacing:-.03em;margin-bottom:20px}.logo i{color:var(--ac);font-style:normal}
.nv{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:var(--mu);font-weight:600;transition:.15s}.nv:hover{background:var(--s2);color:var(--tx);transform:translateX(3px)}.nv.on{background:var(--s2);color:var(--ac)}
.who{margin-top:auto;padding:12px;border:1px solid var(--bd);border-radius:10px;font-size:13px}
.card{background:var(--s1);border:1px solid var(--bd);border-radius:12px;padding:20px;margin-bottom:14px;transition:border-color .2s}.card:hover{border-color:#313a4d}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}.mu{color:var(--mu);font-size:13px}.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.stat{padding:14px;border:1px solid var(--bd);border-radius:10px;background:var(--s2)}.stat b{display:block;font-size:24px;font-variant-numeric:tabular-nums}
.btn{border:0;border-radius:9px;padding:10px 18px;font:600 14px inherit;background:var(--ac);color:#1a1100;cursor:pointer;transition:.15s}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn.g{background:transparent;color:var(--tx);border:1px solid var(--bd)}.btn.s{padding:5px 10px;font-size:12px}
input,select{width:100%;padding:11px 13px;border-radius:9px;border:1px solid var(--bd);background:var(--s2);color:var(--tx);font:inherit;margin:4px 0;transition:.15s}input:focus,select:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px #ffb54722}
.pill{font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px;border:1px solid var(--c,var(--bd));color:var(--c,var(--mu));letter-spacing:.04em}
.bar{height:6px;background:var(--bd);border-radius:9px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:var(--ac);transition:width .5s cubic-bezier(.2,.8,.2,1)}
table{width:100%;border-collapse:collapse;font-size:14px}th{color:var(--mu);font-weight:600;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em}td,th{padding:10px 6px;border-bottom:1px solid var(--bd)}tbody tr{transition:.15s}tbody tr:hover{background:var(--s2)}
.seg{display:flex;gap:4px;margin:14px 0}.seg i{flex:1;height:8px;background:var(--bd);border-radius:5px;overflow:hidden}.seg b{display:block;height:100%;width:0;background:var(--ok);transition:width .45s cubic-bezier(.2,.8,.2,1)}.seg i.cur{outline:1px solid var(--ac);outline-offset:2px}
.top{display:flex;align-items:center;gap:14px}.orb{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--s2);border:2px solid var(--ac);flex:none;transition:.3s}.orb svg{width:26px;height:26px}
.q{font-size:22px;line-height:1.5;margin:18px 0}.q mark{background:#ffb54733;color:var(--ac);padding:0 8px;border-radius:6px}
.opt{display:block;width:100%;text-align:left;padding:14px 16px;margin:8px 0;border-radius:10px;border:1px solid var(--bd);background:var(--s2);color:var(--tx);font:inherit;font-size:17px;cursor:pointer;transition:.15s}.opt:hover:not(:disabled){border-color:var(--ac);transform:translateX(5px)}
.opt.ok{background:#16341f;border-color:var(--ok);animation:pop .4s}.opt.no{background:#3a1717;border-color:var(--no);animation:shake .4s}
@keyframes pop{50%{transform:scale(1.03)}}@keyframes shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
.fb{margin-top:12px;padding:12px 14px;border-radius:10px;font-weight:600;animation:in .25s}.fb.ok{background:#16341f;color:var(--ok)}.fb.no{background:#3a1717;color:var(--no)}.fb.wa{background:#3a2e10;color:var(--wa)}
.fire{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#000c;cursor:pointer;animation:fade .3s}.fire div{text-align:center;perspective:600px;animation:boom .7s cubic-bezier(.2,1.4,.3,1)}.fire svg{width:150px;height:150px;fill:var(--c);filter:drop-shadow(0 0 28px var(--c));animation:flick .45s ease-in-out infinite alternate}.fire h1{font-size:46px;color:var(--c)}.fire.out div{animation:flip .55s forwards}
@keyframes fade{from{opacity:0}}@keyframes boom{from{transform:scale(.2);opacity:0}}@keyframes flick{to{transform:scale(1.08) rotate(-4deg)}}@keyframes flip{to{transform:rotateX(180deg) scale(.2);opacity:0}}
.cm{padding:10px 0;border-bottom:1px solid var(--bd)}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60}#toast div{background:var(--s2);border:1px solid var(--bd);padding:10px 16px;border-radius:10px;margin-top:6px;animation:in .25s}#toast .bad{border-color:var(--no)}
@media(max-width:760px){#shell{grid-template-columns:1fr}#side{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;flex-direction:row;padding:6px;z-index:30;border-top:1px solid var(--bd);border-right:0;justify-content:space-around}.logo,.who{display:none}.nv{flex-direction:column;gap:0;font-size:11px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}