:root{--bg:#fbfaf7;--fg:#1f2328;--muted:#5d646d;--accent:#b4441e;--line:#e3ded5;--card:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#16181b;--fg:#e6e3de;--muted:#a3a7ad;--accent:#f08a5d;--line:#2c3036;--card:#1d2024}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 Georgia,"Times New Roman",serif}
header,main,footer{max-width:44rem;margin:0 auto;padding:0 16px}
header{padding-top:1.5rem;border-bottom:1px solid var(--line)}
.brand{font:600 1.05rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--fg);text-decoration:none;letter-spacing:.02em}
.brand span{color:var(--accent)}
nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin:.8rem 0 1rem;font:.95rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
nav a{color:var(--muted);text-decoration:none}
nav a[aria-current]{color:var(--accent)}
nav a:hover{color:var(--fg)}
main{padding-top:1rem;padding-bottom:2rem}
h1{font-size:2rem;line-height:1.2;margin:1.2rem 0 1rem}
h2{font-size:1.35rem;margin:2rem 0 .6rem}
h3{font-size:1.1rem;margin:1.5rem 0 .4rem}
a{color:var(--accent)}
li{margin:.25rem 0}
footer{border-top:1px solid var(--line);padding:1rem 16px 2rem;color:var(--muted);font:.85rem/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.2rem;margin:1rem 0}
.btn{display:inline-block;font:600 1rem system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.7rem 1.4rem;cursor:pointer;text-decoration:none}
.mono{font:.9rem/1.4 ui-monospace,Menlo,Consolas,monospace;word-break:break-all;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.6rem}
.qr{background:#fff;padding:12px;border-radius:8px;display:inline-block;max-width:100%}
.qr svg{width:260px;height:260px;max-width:100%;display:block}
.code{font:700 2.2rem/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.2em}
.muted{color:var(--muted)}