:root{--bg:#f6f1ea;--ink:#2a2420;--muted:#6f655c;--accent:#c4552b;--card:#fffaf4;--rule:#e6dccf}
@media (prefers-color-scheme:dark){:root{--bg:#1c1917;--ink:#f3ece4;--muted:#a89c90;--accent:#e57a4e;--card:#25211e;--rule:#3a332d}}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif}
a{color:var(--accent)}main{max-width:720px;margin:0 auto;padding:48px 20px 64px}
.hero{min-height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}
.hero img{width:112px;height:112px;border-radius:26px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
h1{font-size:40px;letter-spacing:-.02em;margin:6px 0 0}
.tag{font-size:19px;color:var(--muted);max-width:30em;margin:0}
.soon{display:inline-block;margin-top:8px;padding:6px 14px;border-radius:999px;background:var(--card);border:1px solid var(--rule);font-weight:600;font-size:14px}
footer{text-align:center;color:var(--muted);font-size:14px;padding:24px 0}footer a{color:var(--muted);margin:0 8px}
.doc h1{font-size:32px}.doc h2{font-size:20px;margin-top:32px}.doc p,.doc li{color:var(--ink)}.doc .meta{color:var(--muted)}
.back{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:600}.back img{width:32px;height:32px;border-radius:8px}