:root { color-scheme: dark; font-family: ui-sans-serif, system-ui, sans-serif; background: #0a0d12; color: #e9eef7; }
body { min-height: 100vh; margin: 0; display: grid; place-items: center; background: radial-gradient(circle at top, #182233, #0a0d12 60%); }
main { width: min(42rem, calc(100vw - 3rem)); padding: 2rem; border: 1px solid #344158; border-radius: 1rem; background: #111722; box-shadow: 0 1.5rem 5rem #0008; }
.eyebrow { color: #8eadd8; text-transform: uppercase; letter-spacing: .14em; font-size: .75rem; }
h1 { margin: .3rem 0 .8rem; }
pre, textarea { box-sizing: border-box; width: 100%; overflow: auto; padding: 1rem; border: 1px solid #344158; border-radius: .7rem; background: #090d14; color: #cfe0fa; }
textarea { min-height: 8rem; }
button { border: 0; border-radius: .7rem; padding: .85rem 1.2rem; background: #77a8ef; color: #07101e; font: inherit; font-weight: 700; cursor: pointer; }
button:disabled { opacity: .45; cursor: not-allowed; }
#status { min-height: 1.4rem; color: #b9c9dd; }