:root { color-scheme: light dark; --bg:#f6f7f9; --fg:#14181f; --muted:#5b6575; --card:#fff; --line:#d9dee6; --accent:#1f5eff; --err:#b3261e; }
@media (prefers-color-scheme: dark) { :root { --bg:#0e1116; --fg:#e8ecf2; --muted:#98a2b3; --card:#171b22; --line:#2a313c; --accent:#6c93ff; --err:#ff8a80; } }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:16px; background:var(--bg); color:var(--fg); font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { width:100%; max-width:440px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:28px; }
.eyebrow { margin:0; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
h1 { margin:4px 0 4px; font-size:44px; font-variant-numeric:tabular-nums; }
.muted { color:var(--muted); margin:0 0 20px; }
label { display:block; font-size:14px; margin-bottom:6px; }
input { width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:transparent; color:inherit; font:inherit; }
button { margin-top:12px; padding:10px 16px; border:0; border-radius:8px; background:var(--accent); color:#fff; font:inherit; cursor:pointer; }
.error { color:var(--err); margin:12px 0 0; }
details { margin-top:22px; font-size:13px; color:var(--muted); }
pre { white-space:pre-wrap; word-break:break-all; margin:8px 0 0; }