:root{--bg:#f7f5f0;--ink:#16181d;--muted:#5b606b}
@media (prefers-color-scheme:dark){:root{--bg:#121316;--ink:#ecebe7;--muted:#9a9ea8}}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font:17px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;display:flex;align-items:center;justify-content:center;padding:24px 16px}
main{max-width:34rem;text-align:center}
h1{font-size:clamp(2rem,7vw,3.25rem);line-height:1.1;margin:0 0 .5rem;letter-spacing:-.02em}
p{color:var(--muted);margin:0}
a{color:inherit;text-decoration-color:var(--muted);text-underline-offset:.2em}