:root{--bg:#0b1020;--panel:#131a30;--panel-2:#0f1528;--border:#243154;--text:#e8ecf4;--muted:#8ea0c0;--accent:#3b6cff;--accent-2:#9fc1ff;--green:#56d364;--green-border:#1f4d2a;--yellow:#e3b341;--yellow-border:#5a4a1a;--red:#ff9aa5;--red-border:#5a2330}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(820px,94vw);margin:0 auto;padding:1.5rem 0 4rem}.muted{color:var(--muted);font-size:.86rem}h1{margin:.2rem 0;font-size:1.8rem}h2{margin:1.6rem 0 .6rem;font-size:1.2rem}nav.top{display:flex;align-items:center;gap:1rem;padding:.8rem min(3vw,1.5rem);border-bottom:1px solid var(--border);background:var(--panel-2)}nav.top .brand{font-weight:700}nav.top .spacer{margin-left:auto}nav.top a{color:var(--text);font-size:.9rem}input,select,textarea{width:100%;padding:.6rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;margin:.25rem 0}textarea{min-height:72px;resize:vertical}button{padding:.55rem .9rem;border-radius:8px;border:0;background:var(--accent);color:#fff;cursor:pointer;font:inherit}button:disabled{opacity:.6;cursor:default}button.ghost{color:var(--text)}button.ghost,button.sm{background:var(--panel);border:1px solid var(--border)}button.sm{font-size:.78rem;padding:.3rem .6rem;color:var(--accent-2)}button.danger{color:var(--red);border-color:var(--red-border)}button.warn{color:var(--yellow);border-color:var(--yellow-border)}button.good{color:var(--green);border-color:var(--green-border)}.card{border:1px solid var(--border);border-radius:10px;padding:1rem;background:var(--panel);margin:.7rem 0}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.list{list-style:none;padding:0;margin:.5rem 0}.list li{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.6rem .8rem;border:1px solid var(--border);border-radius:8px;margin:.4rem 0;background:var(--panel)}.list li .grow{margin-left:auto}.badge{font-size:.72rem;border:1px solid var(--border);border-radius:6px;padding:.1rem .4rem;color:var(--muted)}.badge.live{color:var(--green);border-color:var(--green-border)}.badge.conn{color:var(--yellow);border-color:var(--yellow-border)}.pill{font-size:.7rem;border-radius:999px;padding:.1rem .5rem;background:var(--panel-2);border:1px solid var(--border)}.err{color:var(--red);min-height:1.2em}.err,.ok{font-size:.86rem}.ok{color:var(--green)}.sep{text-align:center;color:var(--muted);font-size:.8rem;margin:.8rem 0}.center{display:grid;place-items:center;min-height:80vh}.narrow{width:min(380px,92vw)}.legal{max-width:720px}.legal h1{margin-bottom:1rem}.legal h2{font-size:1.05rem;margin-top:1.6rem}.legal p{color:#cdd6ea}.foot{display:flex;gap:.6rem;justify-content:center;align-items:center;padding:1.5rem;border-top:1px solid var(--border);font-size:.85rem}.foot,.foot a{color:var(--muted)}@keyframes spin{to{transform:rotate(1turn)}}.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--accent);border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:.45rem}