:root { color-scheme: dark; font: 16px/1.55 system-ui, sans-serif; background: #101820; color: #e1eaf0; }
body { margin: 0; } main { max-width: 1050px; margin: 3rem auto; padding: 0 1.5rem; }
h1 { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.1; } .eyebrow { color: #7ad7c4; letter-spacing: .15em; }
section { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #334450; }
input, button { font: inherit; padding: .65rem; border: 1px solid #486170; border-radius: 5px; background: #1c2c37; color: inherit; margin: .25rem; }
input { width: min(65vw, 400px); } button { cursor: pointer; } button:hover { border-color: #7ad7c4; } pre { overflow: auto; max-height: 450px; font-size: .85rem; } #status { color: #7ad7c4; }