:root { color-scheme: dark; }
body { font-family: ui-sans-serif, system-ui, sans-serif; background: #0b0b0c; color: #f4efe6; margin: 0; padding: 32px; max-width: 840px; }
h1 { font-size: 22px; letter-spacing: 0.04em; text-transform: uppercase; }
.card { border: 1px solid #2a2a2c; border-radius: 12px; padding: 20px; margin: 16px 0; background: #121214; }
button { background: #e8c547; color: #111; border: 0; padding: 12px 18px; border-radius: 8px; font-weight: 700; cursor: pointer; margin-right: 8px; }
button.ghost { background: transparent; color: #e8c547; border: 1px solid #e8c547; }
button:disabled { opacity: 0.4; cursor: not-allowed; }
code, pre { font-family: ui-monospace, monospace; font-size: 12px; }
pre { white-space: pre-wrap; word-break: break-all; background: #070708; padding: 12px; border-radius: 8px; }
.stop { color: #ff6b6b; font-weight: 700; }
.ok { color: #7dffb3; }
.muted { color: #9a958c; }
.row { margin: 8px 0; }