:root{--paper:#FFF8EE;--night:#14142B;--ink:#1B1B2F;--inkd:#F5F2FF;--coral:#FF6B5E;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--paper:#14142B;--ink:#F5F2FF}}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.5 ui-rounded,"SF Pro Rounded",system-ui,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px 64px}h1{font-size:2.2rem;font-weight:800;margin:.2em 0}h2{margin-top:1.6em}
a{color:var(--coral)}.btn{display:inline-block;background:var(--coral);color:#fff;padding:12px 22px;border-radius:14px;font-weight:700;text-decoration:none;box-shadow:0 3px 0 rgba(0,0,0,.25)}
.card{background:rgba(127,127,127,.12);border-radius:20px;padding:16px;margin:16px 0}footer{opacity:.7;font-size:.9rem;margin-top:3em}