html { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #0b0b0d; color: #f3efe6; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: radial-gradient(circle at top, #241c0f 0, #0b0b0d 44%); }
main { width: min(720px, calc(100% - 32px)); box-sizing: border-box; padding: 32px; border: 1px solid #393126; border-radius: 22px; background: rgba(17,17,20,.94); box-shadow: 0 24px 90px rgba(0,0,0,.34); }
h1 { margin: 0 0 12px; font-size: clamp(28px, 6vw, 46px); }
p { line-height: 1.55; color: #c9c1b4; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
button, a.button { border: 1px solid #6b5630; border-radius: 12px; padding: 11px 16px; background: #1d1811; color: #f0d593; cursor: pointer; text-decoration: none; font: inherit; }
button:disabled { opacity: .55; cursor: progress; }
[data-status][data-kind="ok"] { color: #d7c184; }
[data-status][data-kind="error"] { color: #ffb4a8; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 14px; border-radius: 12px; background: #09090b; color: #ded7ca; }