:root { color-scheme: dark; font: 13px/1.5 -apple-system, "Segoe UI", Inter, system-ui, sans-serif; background: #0b0d14; color: #e6e8eb; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: grid; place-items: center; padding: 24px; }
main { width: min(300px, 86vw); display: grid; justify-items: center; gap: 14px; }
.moon { width: 132px; image-rendering: pixelated; user-select: none; -webkit-user-drag: none; }
form, section, #result { width: 100%; display: grid; gap: 14px; }
[hidden] { display: none !important; }
p { margin: 0; color: #9aa1ab; }
input, button { width: 100%; height: 38px; padding: 0 14px; border-radius: 19px; font: inherit; }
input { border: 1px solid #262a33; background: #14171f; color: inherit; min-width: 0; }
input:focus { outline: 0; border-color: #3b82f6; }
#burner { font-family: monospace; font-size: 13px; }
button { border: 0; background: #3b82f6; color: #fff; font-weight: 500; cursor: pointer; }
button:hover { filter: brightness(1.08); }
button:disabled { opacity: .5; cursor: wait; }
.secondary { width: auto; height: auto; justify-self: center; padding: 0; background: transparent; color: #9aa1ab; font-size: 12px; font-weight: 400; }
:focus-visible { outline: 2px solid #a2baff; outline-offset: 3px; }
#status { min-height: 18px; text-align: center; font-size: 12px; }
#status:empty { display: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }