:root{color-scheme:light dark;--bg:#fbf8f4;--fg:#1d1a22;--muted:#6b6472;--accent:#e2457a}
@media (prefers-color-scheme:dark){:root{--bg:#141217;--fg:#f3eff6;--muted:#a59fad}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;padding:16px}
main{max-width:40rem;margin:18vh auto 0}
h1{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.15;margin:0 0 1rem;letter-spacing:-.02em}
h1::after{content:"";display:block;width:3rem;height:4px;border-radius:2px;background:var(--accent);margin-top:1rem}
.note{color:var(--muted);font-size:.9rem}
footer{max-width:40rem;margin:4rem auto 1rem;width:100%;color:var(--muted);font-size:.85rem}
footer h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem}