:root{color-scheme:light;--bg:#fffbfd;--ink:#2f2432;--muted:#675966;--line:#e5d5e0;--card:#fff3fa;--accent:#942866;--mark:#fbe2f1;--btn:#812056;--on:#fff}
:root[data-theme=dark]{color-scheme:dark;--bg:#1b1b20;--ink:#f5f1f7;--muted:#c4bdc9;--line:#47434e;--card:#28272d;--accent:#d9b2ff;--mark:#39303f;--btn:#d7adfa;--on:#23192b}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#1b1b20;--ink:#f5f1f7;--muted:#c4bdc9;--line:#47434e;--card:#28272d;--accent:#d9b2ff;--mark:#39303f;--btn:#d7adfa;--on:#23192b}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--accent)}:focus-visible{outline:3px solid #9e56d4;outline-offset:4px}.wrap{max-width:1180px;padding:0 clamp(20px,5vw,66px);margin:auto}header,footer{border-block-end:1px solid var(--line)}header .wrap,footer .wrap,.tools{display:flex;align-items:center;gap:16px;justify-content:space-between}header .wrap{min-height:74px;flex-wrap:wrap;padding-block:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:720;text-decoration:none;letter-spacing:-.035em}.logo{display:grid;place-items:center;width:31px;height:31px;background:var(--btn);color:var(--on);border-radius:7px}.logo svg{width:23px;height:23px}nav{display:flex;gap:20px}nav a,small{font-size:13px}nav a{text-decoration:none}.tools{gap:6px}select,button{font:inherit;font-size:14px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:7px;cursor:pointer}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center;padding-block:clamp(40px,7vw,92px)}.k,.tag,.num,figcaption,code,.meta{font-family:ui-monospace,Consolas,monospace}.k,.tag,.meta,figcaption{font-size:12px;letter-spacing:.065em}.k{color:var(--accent);font-weight:700}.k:before{content:'';display:inline-block;width:20px;height:2px;background:currentColor;vertical-align:middle;margin-right:8px}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(47px,5.4vw,78px);line-height:1.00;letter-spacing:-.065em;margin:20px 0}h1 span{display:block;color:var(--accent)}.intro{max-width:48ch;color:var(--muted);font-size:18px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:25px}.btn{background:var(--btn);color:var(--on);padding:12px 17px;border-radius:7px;text-decoration:none;font-weight:650}.btn:hover{color:var(--on);filter:brightness(1.12)}figure{background:#221829;border-radius:16px;color:#e9dff0;overflow:hidden;border:1px solid #493b53;box-shadow:0 16px 36px #20112c17}.paneltop,figcaption{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.paneltop{border-bottom:1px solid #463a4f}.light{width:8px;height:8px;background:#caa5e5;border-radius:50%;display:inline-block;margin-right:8px}.station{width:100%;display:block}figcaption{border-top:1px solid #463a4f;color:#c4b9cc}.readout{color:#dbc0ef}.section{border-top:1px solid var(--line);padding:42px 0}h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;line-height:1.13;margin:8px 0 25px}h3{font-size:20px;letter-spacing:-.025em}.steps,.packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.steps article{padding:0 16px 0 0}.steps p,.packs p,details p,.note{color:var(--muted)}.num{color:var(--accent);margin-bottom:10px;display:block;font-size:14px}.packs article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;flex-direction:column;gap:10px}.packs .tag{color:var(--accent)}.packs p{flex:1}.packs a{font-weight:650}.checksum{display:inline-block;margin-top:15px}.section details{background:var(--card);border:1px solid var(--line);margin:9px 0;padding:14px 18px;border-radius:9px}summary{cursor:pointer;font-weight:660}details p{margin-top:12px}pre{background:#201628;color:#e9ddf2;padding:13px;overflow:auto;border-radius:6px;font-size:13px}.note{font-size:14px;max-width:85ch}footer{border-top:1px solid var(--line);padding:18px 0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:780px){nav{display:none}.hero{grid-template-columns:1fr}.hero figure{margin-top:30px}.steps,.packs{grid-template-columns:1fr}.steps article{border-bottom:1px solid var(--line);padding:12px 0}.section{padding:32px 0}}@media(max-width:370px){header .wrap{gap:4px}.tools{gap:2px}}

h1{font-size:clamp(38px,4.5vw,65px);overflow-wrap:break-word}
.channels{margin-top:28px;padding:18px 22px;border-inline-start:3px solid var(--accent);background:var(--card)}
.channels p{color:var(--muted);max-width:80ch}
@media(min-width:781px){.packs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.packs{grid-template-columns:repeat(4,minmax(0,1fr))}}