:root { color-scheme: light dark; font-family: Inter, system-ui, sans-serif; }
* { border-radius: 0; }
body { max-width: 720px; margin: 0 auto; padding: 24px; line-height: 1.5; }
header, nav { display: flex; align-items: center; gap: 16px; }
header { justify-content: space-between; }
main { margin-top: 48px; }
h1 { margin-bottom: 24px; }
h2 { margin-top: 40px; }
ul { padding-left: 20px; }
li { margin: 10px 0; }
small { opacity: .65; }
form { margin-top: 16px; }
nav form, li form { display: inline; margin: 0; }
label { display: block; margin: 14px 0 4px; }
input:not([type="hidden"]), textarea { display: block; width: 100%; box-sizing: border-box; padding: 8px; font: inherit; }
input[type="file"] { padding-left: 0; }
textarea { resize: vertical; }
button { font: inherit; cursor: pointer; }
button.primary, a.button { display: inline-block; margin-top: 16px; padding: 9px 14px; border: 0; border-radius: 0; background: #2457d6; color: white; text-decoration: none; }
.prompt-body { white-space: pre-wrap; overflow-wrap: anywhere; }
code { overflow-wrap: anywhere; }
@media (max-width: 540px) { body { padding: 16px; } main { margin-top: 32px; } }