:root{color-scheme:dark;--bg: #0b0e14;--panel: #151a23;--line: #232a36;--text: #e6e9ef;--muted: #8a94a6;--accent: #ff5d2e;--ok: #3ad07a;--down: #ff4d4d;--checking: #d0a93a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:880px;margin:0 auto;padding:2rem 1.25rem 4rem}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}h1{font-size:1.6rem;margin:0}h2{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .9rem}.status{display:flex;gap:.75rem}.dot{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted)}.dot i{width:8px;height:8px;border-radius:50%;background:var(--checking)}.dot.ok i{background:var(--ok)}.dot.down i{background:var(--down)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:1rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.grid{grid-template-columns:1fr}}.slider{display:block;font-size:.85rem;color:var(--muted)}.slider strong{color:var(--accent)}.slider input{display:block;width:100%;margin-top:.6rem;accent-color:var(--accent)}.hint{color:var(--muted);font-size:.8rem;margin:.6rem 0 0}code{background:#0b0e14;padding:.05rem .3rem;border-radius:4px}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}.order{list-style:none;margin:.8rem 0 0;padding:0;counter-reset:pos}.order li{counter-increment:pos;display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.order li:before{content:counter(pos);color:var(--muted);width:1.5rem}.order li span:first-of-type{flex:1}.order li.you{color:var(--accent);font-weight:600}.login{max-width:340px;margin:5rem auto}.tabs,.topnav{display:flex;gap:.5rem;margin:.5rem 0 1rem}.tabs button,.topnav button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:.4rem .8rem;border-radius:8px;cursor:pointer}.tabs button.active,.topnav button.active{color:var(--text);border-color:var(--accent)}.topnav{max-width:880px;margin:1rem auto 0;padding:0 1.25rem}.nav{display:flex;align-items:center;gap:.5rem}.nav .spacer{flex:1}.badge{font-size:.85rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.2rem .6rem}.row{display:flex;gap:1rem}select{background:#0b0e14;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.45rem}button.primary{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.6rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer}.error{color:var(--down);font-size:.85rem;margin-top:.6rem}