:root{--bg:#fafaf7;--fg:#1c1c1a;--mut:#666;--card:#fff;--bd:#e4e2da;--ac:#0f766e;--acfg:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#141413;--fg:#f0eee8;--mut:#a3a199;--card:#1d1d1b;--bd:#33332f;--ac:#2dd4bf;--acfg:#06201c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
.w{max-width:720px;margin:0 auto;padding:20px 18px 50px}
a{color:var(--ac)}
h1{font-size:clamp(1.6rem,6vw,2.2rem);line-height:1.25}
h2{font-size:1.3rem;margin-top:30px}
.note{font-size:.85rem;color:var(--mut);border:1px solid var(--bd);border-radius:8px;padding:8px 12px}
.btn{display:inline-block;background:var(--ac);color:var(--acfg);text-decoration:none;font-weight:600;padding:9px 16px;border-radius:8px;margin:4px 8px 4px 0}
.back{font-size:.9rem}
footer{color:var(--mut);font-size:.82rem;margin-top:40px}