:root { --bg: #090e15; --cream: #f9eccf; --cream-muted: #cfc3ab; --accent: #f2b45c; color-scheme: dark; }
html { background: var(--bg); color: var(--cream); font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; line-height: 1.5; }
main { max-width: 40rem; margin: 3rem auto; padding: 0 1rem; overflow-wrap: anywhere; }
p, li { color: var(--cream-muted); }
a { color: var(--accent); }
form { margin: 0.75rem 0; }
label { display: block; margin-bottom: 0.5rem; }
input[type=email], input[type=text] { display: block; width: 100%; max-width: 24rem; padding: 0.4rem; margin-top: 0.25rem; }
button { padding: 0.45rem 0.9rem; font: inherit; cursor: pointer; }
pre { white-space: pre-wrap; background: #121a26; padding: 0.75rem; border-radius: 0.25rem; }
.note { font-size: 0.9rem; }
[role=alert] { color: #ffb4a8; }
table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
th, td { text-align: left; vertical-align: top; padding: 0.25rem 0.5rem; border-bottom: 1px solid #263244; color: var(--cream-muted); }
code { overflow-wrap: anywhere; }
.user-code strong { font-size: 1.75rem; letter-spacing: 0.12em; color: var(--cream); }
dt { color: var(--cream); margin-top: 0.5rem; }
dd { margin-left: 1rem; color: var(--cream-muted); }