:root{--bg: #0b1020;--panel: #141d38;--fg: #e8ecf7;--muted: #9aa6c6;--accent: #4f8cff;--border: #23305a;--ok: #2ecc71;--ko: #ff5c72}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:0 20px 60px}.accent{color:var(--accent)}code{background:#0d1530;padding:1px 6px;border-radius:6px;color:#cfe0ff}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0;flex-wrap:wrap;gap:10px}.brand{font-weight:800;font-size:1.2rem}.pill{font-size:.82rem;color:var(--muted);border:1px solid var(--border);padding:6px 12px;border-radius:999px}.pill.ok{color:var(--ok);border-color:#1f6b41}.pill.ko{color:var(--ko);border-color:#7a2233}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:28px;margin-top:12px}h1{font-size:1.5rem;margin-bottom:6px}.hint{color:var(--muted);margin-bottom:20px}.row{display:flex;gap:10px;margin-bottom:18px}.row input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0d1530;color:var(--fg);font-size:1rem}.row button{padding:12px 20px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.row button:hover{background:#6aa0ff}.err{color:var(--ko);margin-bottom:14px}.list{list-style:none;display:flex;flex-direction:column;gap:8px}.list li{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0d1530;border:1px solid var(--border);border-radius:12px;padding:12px 16px}.list time{color:var(--muted);font-size:.8rem;white-space:nowrap}.list .muted{color:var(--muted);justify-content:center}