:root{--bg:#0b0c10;--panel:#14161c;--text:#e8e8ea;--muted:#9aa0aa;--accent:#4fd8c7;--border:#262a33}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:640px;margin:0 auto;padding:48px 24px}a{color:var(--accent)}h1{font-size:28px;margin:0 0 8px}h2{font-size:18px;margin:24px 0 8px}p{color:var(--muted);line-height:1.5}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin:16px 0}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 4px}input{width:100%;padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}button,input{font-size:14px}button{margin-top:16px;padding:9px 16px;border-radius:8px;border:none;background:var(--accent);color:#06231f;font-weight:600;cursor:pointer}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;overflow-x:auto;color:var(--text)}.err{color:#ff6b6b;font-size:13px;margin-top:10px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.on{background:rgba(79,216,199,.15);color:var(--accent)}.pill.off{background:rgba(154,160,170,.15);color:var(--muted)}