:root{font-family:system-ui,sans-serif;color-scheme:light dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f5f1ff;color:#221b2d}main{width:min(88vw,560px)}img{filter:drop-shadow(0 14px 30px #6750a455)}.eyebrow{color:#6750a4;font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1{font-size:clamp(2.2rem,10vw,4.5rem);line-height:.95;margin:.2em 0}pre{white-space:pre-wrap;padding:16px;border-radius:18px;background:#e9ddff;color:#2b145d}button{border:0;border-radius:999px;padding:13px 18px;background:#6750a4;color:#fff;font-weight:700}@media(prefers-color-scheme:dark){body{background:#201b29;color:#eee5f4}.eyebrow{color:#cfbcff}pre{background:#342a44;color:#eee5f4}}