:root{color-scheme:light dark;--bg:#fff;--fg:#1c1c1e;--muted:#6b6b70;--line:#e5e5ea;--card:#f7f7f9}
@media (prefers-color-scheme:dark){:root{--bg:#000;--fg:#f2f2f7;--muted:#9a9aa0;--line:#2c2c2e;--card:#1c1c1e}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);
font:16px/1.55 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;padding:1.4rem 1.2rem 3rem;max-width:44rem}
header{display:flex;gap:.9rem;align-items:center;margin-bottom:.4rem}
header img{width:60px;height:60px;border-radius:14px}
h1{font-size:1.35rem;margin:0}
.sub{color:var(--muted);font-size:.92rem;margin:.1rem 0 0}
h2{font-size:1rem;margin:1.6rem 0 .5rem;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
ul{margin:.2rem 0;padding-left:1.1rem}li{margin:.3rem 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;margin:.5rem 0}
code{background:var(--card);border:1px solid var(--line);padding:.1rem .35rem;border-radius:6px;font-size:.9em}
.warn{border-left:3px solid #ff9f0a;padding-left:.8rem;color:var(--muted);font-size:.93rem}