*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{--bg:#fafafa;--fg:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);transition:background .25s ease,color .25s ease}body[data-theme=dark]{--bg:#0a0a0a;--fg:#ededed}main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}h1{font-size:clamp(2rem,10vw,6rem);font-weight:800;letter-spacing:.05em;text-align:center}