:root{--bg:#0b0d1a;--fg:#eef0ff;--mut:#9aa0c3;--acc:#7c8cff}
@media (prefers-color-scheme: light){:root{--bg:#f7f7fb;--fg:#14162b;--mut:#565b7a;--acc:#4250e0}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{flex:1;max-width:36rem;margin:0 auto;padding:12vh 16px 2rem;text-align:center}
img{border-radius:22px}
h1{font-size:clamp(2.2rem,8vw,3.4rem);margin:.6rem 0 .2rem;letter-spacing:-.02em}
sup{font-size:.35em;vertical-align:top;margin-left:.1em}
.tag{font-size:1.2rem;color:var(--acc);margin:0 0 1.4rem}
.note{color:var(--mut);font-size:.95rem}
.btn{display:inline-block;margin-top:.6rem;padding:.7rem 1.6rem;border-radius:999px;background:var(--acc);color:#fff;text-decoration:none;font-weight:600}
footer{text-align:center;color:var(--mut);font-size:.8rem;padding:1.2rem 16px}