:root,html[data-theme=dark]{color-scheme:dark;--ink: #e8eef8;--muted: #8b9bb4;--line: rgba(255, 255, 255, .09);--soft: #161b26;--surface: #1c222e;--surface-2: #12161f;--bg: #0c0f14;--accent: #e85d04;--accent-2: #f48c06;--accent-deep: #c45103;--accent-dim: rgba(232, 93, 4, .16);--glow: rgba(232, 93, 4, .22);--on-accent: #ffffff;--sky: #38bdf8;--grain-a: rgba(232, 93, 4, .18);--grain-b: rgba(14, 165, 233, .07);--grid-a: rgba(255, 255, 255, .035);--radius: 14px;--max: 1120px;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace}html[data-theme=light]{color-scheme:light;--ink: #2a1f16;--muted: #6f5d4e;--line: #e7d7c4;--soft: #f4e8d8;--surface: #fffaf3;--surface-2: #f0e2d0;--bg: #f6efe6;--accent: #d9480f;--accent-2: #f76707;--accent-deep: #c2410c;--accent-dim: rgba(217, 72, 15, .12);--glow: rgba(217, 72, 15, .16);--on-accent: #ffffff;--sky: #0369a1;--grain-a: rgba(217, 72, 15, .1);--grain-b: rgba(14, 116, 144, .07);--grid-a: rgba(42, 31, 22, .06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit}#root{min-height:100vh}.shell{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:0 28px 48px}.grain{pointer-events:none;position:fixed;inset:0;background:radial-gradient(900px 480px at 12% -18%,var(--grain-a),transparent 58%),radial-gradient(720px 400px at 92% 8%,var(--grain-b),transparent 52%),var(--bg);z-index:0}.top,main,.foot{position:relative;z-index:1;width:min(var(--max),100%);margin:0 auto}.top{display:flex;align-items:center;gap:22px;padding:18px 0}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:800;letter-spacing:-.04em;color:#fff;background:linear-gradient(145deg,#f97316,#ea580c 55%,#c2410c);box-shadow:0 0 0 6px var(--accent-dim),0 8px 18px var(--glow);flex:0 0 auto}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-weight:700;letter-spacing:-.03em}.brand-sub{margin-top:2px;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.nav{display:flex;gap:4px;margin-left:auto;font-size:.9rem}.nav a{color:var(--muted);padding:.38rem .7rem;border-radius:999px;font-weight:550}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--accent-2)}.toolbar{display:flex;align-items:center;gap:8px}.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 70%,transparent);min-width:11.5rem}.seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);transition:transform .22s cubic-bezier(.22,1,.36,1);pointer-events:none}.seg[data-kind=lang][data-at=ru] .seg-thumb,.seg[data-kind=theme][data-at=light] .seg-thumb{transform:translate(100%)}.seg button{appearance:none;position:relative;z-index:1;border:0;background:transparent;color:var(--muted);padding:6px 12px;font:inherit;font-size:.75rem;font-weight:650;cursor:pointer;border-radius:999px}.seg button.on{color:var(--accent-2)}html[data-theme=light] .seg button.on{color:var(--accent-deep)}main{flex:1;padding:28px 0 24px}.kicker{margin:0 0 12px;color:var(--accent);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:750}.hero{padding:12px 0 8px}h1{margin:0 0 16px;font-size:clamp(2.2rem,5.2vw,4.2rem);line-height:1.02;letter-spacing:-.045em;font-weight:750}h1 .line{display:block}h2{margin:0 0 8px;font-size:1.12rem;letter-spacing:-.02em}.lead{max-width:40rem;color:var(--muted);font-size:1.06rem;margin:0 0 24px}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;padding:11px 18px;border-radius:999px;border:1px solid var(--line);font-weight:650;font-size:.92rem;background:transparent}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:transparent;box-shadow:0 10px 24px var(--glow)}.btn.primary:hover{filter:brightness(1.07)}.btn.ghost:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));color:var(--accent-2)}.scheme{margin-top:48px}.scheme-title{font-size:clamp(1.45rem,2.6vw,2rem);letter-spacing:-.03em;margin:0 0 8px}.scheme-lead{max-width:38rem;color:var(--muted);margin:0 0 8px}.diagram-wrap{margin:8px -12px 10px}.diagram{width:100%;height:auto;display:block;overflow:visible;font-family:var(--sans)}.diagram-col{fill:var(--muted);font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.diagram-wire{stroke:url(#fx-line);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:5 9;animation:dash 22s linear infinite}.diagram-wire.back{stroke:url(#fx-back);stroke-dasharray:2 8;opacity:.75}.diagram-leaf{fill:var(--bg);stroke:color-mix(in srgb,var(--accent) 35%,var(--line));stroke-width:1.4}.diagram-leaf-core{fill:var(--accent)}.diagram-leaf-core.dest{fill:var(--sky)}.diagram-leaf.dest{stroke:color-mix(in srgb,var(--sky) 45%,var(--line))}.diagram-hub{fill:#e85d04}.diagram-ring{fill:none;stroke:var(--accent);stroke-width:1.2;opacity:.28;transform-box:fill-box;transform-origin:center}.diagram-ring.r1{animation:ring 3.4s ease-in-out infinite}.diagram-ring.r2{animation:ring 3.4s ease-in-out infinite .5s}.diagram-hub-letter{fill:#fff;font-size:26px;font-weight:800;letter-spacing:-.04em}.diagram-hub-name,.diagram-label{fill:var(--ink);font-size:13px;font-weight:650}.diagram-hint{fill:var(--sky);font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.diagram-packet{fill:var(--accent-2);filter:drop-shadow(0 0 4px var(--glow))}.diagram-packet.out{fill:#fdba74}.diagram-packet.back{fill:var(--sky)}@keyframes dash{to{stroke-dashoffset:-280}}@keyframes ring{0%,to{opacity:.18;transform:scale(.96)}50%{opacity:.45;transform:scale(1.04)}}.scheme-legend{list-style:none;margin:8px 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.scheme-legend li{display:flex;gap:12px;align-items:flex-start}.scheme-legend span{font-family:var(--mono);font-size:.78rem;font-weight:750;color:var(--accent);padding-top:3px}.scheme-legend strong{display:block;margin-bottom:4px}.scheme-legend p,.aside,.fact p,.spine p,.ticks{color:var(--muted);margin:0}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;padding-top:32px;border-top:1px dashed var(--line)}.fact-ico{display:block;width:42px;height:42px;margin-bottom:14px;border-radius:50%;background:var(--accent-dim);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent);position:relative}.fact-ico:before,.fact-ico:after{content:"";position:absolute;inset:0;margin:auto}.fact-ico.n0:before{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:-11px 0 color-mix(in srgb,var(--accent) 45%,transparent),11px 0 color-mix(in srgb,var(--accent) 45%,transparent)}.fact-ico.n1:before{width:16px;height:16px;border:2px solid var(--accent);border-radius:50%}.fact-ico.n1:after{width:6px;height:6px;border-radius:50%;background:var(--accent)}.fact-ico.n2:before{width:14px;height:10px;border:2px solid var(--accent);border-bottom:0;border-radius:4px 4px 0 0}.page h1{max-width:16ch}.spine{list-style:none;margin:28px 0 0;padding:0 0 0 8px;display:grid;gap:28px;border-left:2px solid color-mix(in srgb,var(--accent) 45%,var(--line))}.spine li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding-left:18px;position:relative}.spine-dot{position:absolute;left:-15px;top:2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:.62rem;font-weight:750;color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px var(--bg),0 0 0 5px color-mix(in srgb,var(--accent) 50%,transparent)}.spine h2{margin-top:2px}.ticks{list-style:none;padding:0;display:grid;gap:14px;margin:12px 0 28px}.ticks li{padding-left:22px;position:relative}.ticks li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-dim)}.aside{max-width:44rem}.foot{display:flex;justify-content:space-between;gap:24px;align-items:end;padding-top:28px;margin-top:56px;border-top:1px dashed var(--line);color:var(--muted);font-size:.9rem}.foot strong{display:block;color:var(--ink);margin-bottom:6px}.foot p{margin:0}.dot{margin:0 8px}.muted{max-width:28rem;text-align:right}@media(max-width:900px){.scheme-legend,.facts{grid-template-columns:1fr;gap:22px}.toolbar{width:100%;flex-wrap:wrap}.top{flex-wrap:wrap}.nav{order:3;width:100%;margin:0}.seg{min-width:0;flex:1}}@media(max-width:720px){.foot,.muted{display:block;text-align:left}.muted{margin-top:16px}}@media(prefers-reduced-motion:reduce){.diagram-wire,.diagram-ring,.diagram-packet{animation:none}}