: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:#eaf8f3;color:#112820}main{width:min(88vw,560px)}img{filter:drop-shadow(0 14px 30px #00795b55)}.eyebrow{color:#00795b;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:#ccefe2;color:#00382a}button{border:0;border-radius:999px;padding:13px 18px;background:#00795b;color:#fff;font-weight:700}@media(prefers-color-scheme:dark){body{background:#11251f;color:#dcece5}.eyebrow{color:#67dbb5}pre{background:#193a30;color:#dcece5}}