:root { color-scheme:dark; --bg:#101113; --line:#34373d; --text:#f1f2f3; --muted:#9c9fa7; --lime:#c5f76c; --cyan:#77cde5; }
* { box-sizing:border-box; letter-spacing:0; }
body { margin:0; min-height:100dvh; display:flex; flex-direction:column; background:var(--bg); color:var(--text); font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header { display:flex; align-items:center; gap:12px; padding:28px 36px; border-bottom:1px solid #25272b; font-weight:600; }
.brandmark { width:37px; height:37px; display:grid; place-items:center; border-radius:5px; background:var(--lime); color:#19230d; font:15px ui-monospace,monospace; }
.eyebrow { display:block; font:10px/1.6 ui-monospace,monospace; color:var(--muted); }
main { width:min(100% - 40px,380px); margin:auto; padding:54px 0; }
.heading { margin-bottom:30px; }
.heading>.eyebrow { color:var(--cyan); }
h1 { font-size:32px; line-height:1.2; font-weight:600; margin:12px 0; }
p { margin:0; }
.muted { color:var(--muted); font-size:14px; }
label { display:block; font-size:13px; margin:18px 0 8px; }
input:not([type=hidden]) { display:block; width:100%; height:46px; background:#18191c; border:1px solid var(--line); border-radius:5px; color:var(--text); padding:10px 12px; font-family:inherit; font-size:16px; line-height:1.4; }
input:focus-visible,button:focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
button { width:100%; min-height:46px; margin-top:26px; border:1px solid var(--lime); border-radius:5px; background:var(--lime); color:#19230d; font:600 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; cursor:pointer; }
button:hover { background:#d5ff8b; }
.error { margin-top:16px; border-left:2px solid #ef8f8b; padding-left:12px; color:#ef8f8b; font-size:13px; }
.private-label { display:flex; align-items:center; justify-content:center; gap:8px; font:11px ui-monospace,monospace; color:var(--muted); margin-top:22px; }
.status-dot { width:6px; height:6px; border-radius:50%; background:var(--cyan); }
footer { padding:20px; text-align:center; color:#7e858f; font:11px ui-monospace,monospace; }
@media(max-width:480px) { header { padding:20px; } main { padding:40px 0; } h1 { font-size:29px; } }