:root{--bg: #0f172a;--card: #1e293b;--ink: #f1f5f9;--muted: #94a3b8;--primary: #0ea5e9;--danger: #ef4444;--ok: #22c55e}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}.screen{max-width:560px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:100dvh}.screen.center{justify-content:center;text-align:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.hi{font-size:18px;font-weight:700}.dot{font-size:13px;color:var(--muted)}.dot.on{color:var(--ok)}.dot.off{color:var(--muted)}h2{font-size:15px;color:var(--muted);margin:8px 0 4px;text-transform:uppercase;letter-spacing:.04em}.card{background:var(--card);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.muted{color:var(--muted);font-size:14px}.muted a{color:var(--primary)}.pill{background:#334155;color:var(--ink);font-size:12px;padding:2px 10px;border-radius:999px}.cod{color:#fde047;font-weight:600}.btn{border:0;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer}.btn.primary{background:var(--primary);color:#04222f}.btn.ghost{background:transparent;color:var(--ink);border:1px solid #475569}.btn.wide{width:100%}.note{background:#334155;border-radius:10px;padding:10px 12px;font-size:14px}.pod{display:block;font-size:14px;color:var(--primary);margin-top:4px}.pod input{display:block;margin-top:6px;color:var(--muted);font-size:13px}