:root { color-scheme: light dark; --accent: #0067b8; }
body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.5; margin: 0; padding: 2rem 1rem; }
main { max-width: 42rem; margin: 0 auto; }
label { display: block; margin-top: 1rem; font-weight: 600; }
input { width: 100%; box-sizing: border-box; padding: .5rem; font-size: 1rem; }
button { margin-top: 1.5rem; padding: .6rem 1.4rem; font-size: 1rem; background: var(--accent); color: #fff; border: 0; border-radius: 4px; cursor: pointer; }
pre { background: rgba(127, 127, 127, .15); padding: .75rem; overflow-x: auto; border-radius: 4px; }
.error { background: #fde7e9; color: #a4262c; padding: .75rem; border-radius: 4px; }
.hint { font-size: .9rem; opacity: .8; }