:root { --bg: #fff; --fg: #111; --muted: #555; --box: #f3f3f3; --accent: #1f5eff; --bad: #b00020; }
@media (prefers-color-scheme: dark) { :root { --bg: #111; --fg: #eee; --muted: #aaa; --box: #222; --accent: #7aa2ff; --bad: #ff6b81; } }
body { background: var(--bg); color: var(--fg); font: 16px/1.5 -apple-system, system-ui, sans-serif; margin: 0; }
main { max-width: 36rem; margin: 0 auto; padding: 24px 16px; }
pre { background: var(--box); padding: 12px; border-radius: 8px; white-space: pre-wrap; word-break: break-word; font-size: 17px; }
button { font: inherit; padding: 12px 20px; border-radius: 8px; border: 0; background: var(--accent); color: #fff; width: 100%; }
button:disabled { opacity: 0.5; }
.small { color: var(--muted); font-size: 14px; }
.bad { color: var(--bad); }
#code { font: 600 28px/1.2 ui-monospace, monospace; text-align: center; letter-spacing: 2px; }