:root{--bg:#fafafa;--fg:#333;--muted:#999}
@media (prefers-color-scheme:dark){:root{--bg:#111;--fg:#ddd;--muted:#666}}
*{margin:0;box-sizing:border-box}
html,body{height:100%}
body{display:grid;place-items:center;background:var(--bg);color:var(--fg);
font:400 1rem/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1{font-weight:300;font-size:clamp(1.25rem,4vw,2rem);letter-spacing:.08em;
padding-bottom:.4rem;border-bottom:1px solid var(--muted)}