@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/barlow-condensed-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/barlow-condensed-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/barlow-condensed-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/barlow-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/barlow-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/barlow-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2")}
:root{--bg:#eceff2;--surface:#fff;--ink:#0d1418;--muted:#46535c;--line:#d3d9de;--amber:#f2a900;--panel:#10171d;--discord:#5865f2;--telegram:#2a9fd8;--display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
@media (prefers-color-scheme:dark){:root{--bg:#0e1419;--surface:#151d24;--ink:#eef3f0;--muted:#9aa9b4;--line:#26323d}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:19px/1.6 var(--body)}
.bar{background:#000;padding:14px 0}.bar .in{max-width:860px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.bar img{height:34px;width:auto;display:block}.bar a.back{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem}
.wrap{max-width:860px;margin:0 auto;padding:34px 20px 70px}
h1{font:800 clamp(2.2rem,6vw,3.2rem)/1 var(--display);text-transform:uppercase;margin:0 0 .3em}
h2{font:800 1.9rem/1.1 var(--display);text-transform:uppercase;margin:1.8em 0 .5em;padding-top:.3em;border-top:3px solid var(--amber)}
h3{font:700 1.35rem/1.2 var(--display);text-transform:uppercase;margin:1.4em 0 .3em}
p,li{max-width:70ch}li{margin:.45em 0}a{color:inherit;text-decoration-color:var(--amber);text-underline-offset:3px}
code{font-family:var(--mono);font-size:.88em;background:rgba(127,127,127,.18);padding:2px 6px;border-radius:5px}
.lede{font-size:1.2rem;color:var(--muted)}.toc{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.toc a{background:var(--surface);border:1px solid var(--line);padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.95rem}
.step{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--amber);border-radius:10px;padding:14px 18px;margin:14px 0}
.step.d{border-left-color:var(--discord)}.step.t{border-left-color:var(--telegram)}.step b.n{font:800 1.1rem var(--display);text-transform:uppercase;letter-spacing:.04em}
.tip{background:rgba(242,169,0,.14);border:1px solid rgba(242,169,0,.5);border-radius:10px;padding:12px 16px;margin:14px 0}
.draft{background:#fff3cd;color:#4a3b00;border:1px solid #e0c36a;border-radius:10px;padding:12px 16px;margin:14px 0;font-size:.95rem}
.btn{display:inline-block;background:var(--amber);color:#1a1200;font:800 1.05rem var(--display);text-transform:uppercase;letter-spacing:.05em;padding:12px 20px;border-radius:6px;text-decoration:none}
table{border-collapse:collapse;width:100%;font-size:.95rem;margin:12px 0}th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:.8rem;text-transform:uppercase}
footer{border-top:1px solid var(--line);padding:22px 20px;text-align:center;color:var(--muted);font-size:.9rem}footer a{margin:0 8px}
.bar .right{display:flex;align-items:center;gap:14px}
.lang{background:#14202a;color:#fff;border:1px solid #3a4753;font:inherit;font-size:.9rem;padding:6px 8px;border-radius:6px}
a.cta{display:inline-block;background:var(--amber);color:#1a1200;font:800 1.1rem var(--display);text-transform:uppercase;letter-spacing:.05em;padding:12px 22px;border-radius:6px;text-decoration:none}
.small{color:var(--muted);font-size:.9rem;margin-top:28px}
footer p{margin:10px 0 0}
@media(max-width:520px){.bar a.back{display:none}.bar .in{padding:0 14px}}