.viz.svelte-vgez9x{border:1px solid var(--ink-line-2);background:#0b0e13;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}canvas.svelte-vgez9x{width:100%;height:260px;display:block}.controls.svelte-vgez9x{border-top:1px solid var(--ink-line-2);background:var(--ink-2);color:var(--on-ink-2);flex-wrap:wrap;align-items:center;gap:14px 28px;padding:14px 18px;display:flex}label.svelte-vgez9x{flex:260px;align-items:center;gap:12px;font-size:14px;display:flex}input.svelte-vgez9x{accent-color:var(--brand);flex:1}dl.svelte-vgez9x{flex-wrap:wrap;gap:8px 24px;margin:0;display:flex}dl.svelte-vgez9x div:where(.svelte-vgez9x){align-items:baseline;gap:8px;font-size:13px;display:flex}dd.svelte-vgez9x{color:#fff;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.hot.svelte-vgez9x dd:where(.svelte-vgez9x){color:var(--brand)}.viz.svelte-vguvrc{border:1px solid var(--ink-line-2);background:#0b0e13;border-radius:12px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.modes.svelte-vguvrc{background:var(--ink-3);border-radius:10px;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.modes.svelte-vguvrc button:where(.svelte-vguvrc){cursor:pointer;font:600 13.5px var(--font);color:var(--on-ink-2);background:0 0;border:0;border-radius:7px;padding:8px 14px}.modes.svelte-vguvrc button[aria-checked=true]:where(.svelte-vguvrc){background:var(--brand);color:var(--on-brand)}svg.svelte-vguvrc{width:100%;height:150px}rect.svelte-vguvrc{fill:#2a3550;transition:fill .25s}rect.lit.svelte-vguvrc{fill:var(--brand)}rect.last.svelte-vguvrc{fill:#2f81f7}rect.last.lit.svelte-vguvrc{fill:#f5b85a}.foot.svelte-vguvrc{color:var(--on-ink-3);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13.5px;display:flex}.count.svelte-vguvrc b:where(.svelte-vguvrc){color:#fff;font-size:16px}.cost.svelte-vguvrc b:where(.svelte-vguvrc){color:#22c55e}.cost.svelte-vguvrc b.bad:where(.svelte-vguvrc){color:#f2556c}@media (prefers-reduced-motion:reduce){rect.svelte-vguvrc{transition:none}}.viz.svelte-14tfy8c{border:1px solid var(--ink-line-2);background:#0b0e13;border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex;overflow:hidden}.events.svelte-14tfy8c{background:var(--ink-3);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.events.svelte-14tfy8c button:where(.svelte-14tfy8c){cursor:pointer;font:600 13.5px var(--font);color:var(--on-ink-2);background:0 0;border:0;border-radius:7px;padding:8px 14px}.events.svelte-14tfy8c button[aria-checked=true]:where(.svelte-14tfy8c){background:var(--brand);color:var(--on-brand)}.scene3d.svelte-14tfy8c{perspective:1100px;height:380px;position:relative}.layer.svelte-14tfy8c{width:min(420px,78%);height:150px;transform:translate(-50%, -50%) translateY(calc((var(--i) - 1) * 84px)) rotateX(58deg) rotateZ(-36deg);color:var(--on-ink-2);background:#141b2edb;border:1px solid #33405e;border-radius:10px;flex-direction:column;justify-content:flex-end;gap:2px;padding:12px 14px;transition:border-color .3s,background-color .3s,box-shadow .3s;display:flex;position:absolute;top:50%;left:50%}.layer.top.svelte-14tfy8c{z-index:3;background:#141b2e8c}.layer.scene.svelte-14tfy8c{z-index:2}.layer.gpu.svelte-14tfy8c{z-index:1;border-style:dashed}.layer.on.svelte-14tfy8c{border-color:var(--brand);animation:.7s ease-out svelte-14tfy8c-flash;box-shadow:0 0 0 2px #f2a93b73,0 0 40px #f2a93b40}.name.svelte-14tfy8c{color:#fff;z-index:1;font-size:14px;font-weight:700;position:relative}.note.svelte-14tfy8c{z-index:1;font-size:12px;position:relative}svg.svelte-14tfy8c{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}.cross.svelte-14tfy8c line:where(.svelte-14tfy8c){stroke:#8d98b3;stroke-width:.6px;stroke-dasharray:2 2}.bars.svelte-14tfy8c rect:where(.svelte-14tfy8c){fill:#26a69a}.bars.svelte-14tfy8c rect.dn:where(.svelte-14tfy8c){fill:#ef5350}@keyframes svelte-14tfy8c-flash{0%{background-color:#f2a93b59}}@media (width<=600px){.scene3d.svelte-14tfy8c{height:280px}.layer.svelte-14tfy8c{height:120px;transform:translate(-50%, -50%) translateY(calc((var(--i) - 1) * 66px)) rotateX(58deg) rotateZ(-36deg)}}@media (prefers-reduced-motion:reduce){.layer.on.svelte-14tfy8c{animation:none}.layer.svelte-14tfy8c{transition:none}}.hero[data-astro-cid-4xfvu5s4]{background:var(--ink);color:var(--on-ink);background-image:radial-gradient(circle at 80% 0,#2f81f72e,#0000 45%)}.hero-inner[data-astro-cid-4xfvu5s4]{flex-direction:column;gap:14px;padding-block:56px 48px;display:flex}h1[data-astro-cid-4xfvu5s4]{letter-spacing:-.035em;color:#fff;max-width:18ch;margin:0;font-size:clamp(34px,4vw,58px);line-height:1.03}.hero[data-astro-cid-4xfvu5s4] p[data-astro-cid-4xfvu5s4]{max-width:72ch;color:var(--on-ink-2);margin:0;font-size:17px;line-height:1.6}.hero[data-astro-cid-4xfvu5s4] .wip[data-astro-cid-4xfvu5s4]{color:#f5c77a;background:#f2a93b14;border:1px solid #f2a93b59;border-radius:10px;max-width:80ch;padding:10px 14px;font-size:14.5px}.toc[data-astro-cid-4xfvu5s4]{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.toc[data-astro-cid-4xfvu5s4] a[data-astro-cid-4xfvu5s4]{border:1px solid var(--ink-line-3);color:var(--on-ink-2);border-radius:99px;align-items:baseline;gap:8px;padding:7px 12px;font-size:13.5px;text-decoration:none;display:inline-flex}.toc[data-astro-cid-4xfvu5s4] a[data-astro-cid-4xfvu5s4]:hover{color:#fff;border-color:var(--on-ink-3)}.toc[data-astro-cid-4xfvu5s4] .mono[data-astro-cid-4xfvu5s4]{color:var(--brand);font-size:11px}.page[data-astro-cid-4xfvu5s4]{flex-direction:column;gap:88px;padding-block:64px 80px;display:flex}.sec[data-astro-cid-4xfvu5s4]{scroll-margin-top:calc(var(--header-h) + 20px);flex-direction:column;gap:22px;display:flex}.two[data-astro-cid-4xfvu5s4]{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:32px 48px;display:grid}.copy[data-astro-cid-4xfvu5s4]{flex-direction:column;gap:10px;display:flex}.copy[data-astro-cid-4xfvu5s4].narrow{max-width:78ch}.num[data-astro-cid-4xfvu5s4]{color:var(--brand-ink);letter-spacing:.1em;font-size:12px}h2[data-astro-cid-4xfvu5s4]{letter-spacing:-.025em;margin:0;font-size:clamp(26px,2.6vw,36px);line-height:1.1}.copy[data-astro-cid-4xfvu5s4] p[data-astro-cid-4xfvu5s4]{color:var(--text-2);margin:0;font-size:16.5px;line-height:1.65}.copy[data-astro-cid-4xfvu5s4] .small[data-astro-cid-4xfvu5s4]{color:var(--text-3);font-size:14.5px}.deps[data-astro-cid-4xfvu5s4]{align-items:baseline;gap:10px;display:flex}.deps[data-astro-cid-4xfvu5s4] b[data-astro-cid-4xfvu5s4]{color:var(--text);font-size:44px;line-height:1}.stack[data-astro-cid-4xfvu5s4]{gap:8px;display:grid}.pkg[data-astro-cid-4xfvu5s4]{border:1px solid var(--line);background:var(--card);border-radius:10px;flex-direction:column;gap:2px;padding:12px 16px;display:flex;position:relative}.pkg[data-astro-cid-4xfvu5s4]+.pkg[data-astro-cid-4xfvu5s4]:before{content:"↑";color:var(--text-3);font-size:12px;position:absolute;top:-14px;left:22px}.pkg-name[data-astro-cid-4xfvu5s4]{color:var(--text);font-size:13px;font-weight:700}.pkg-label[data-astro-cid-4xfvu5s4]{color:var(--text-2);font-size:13.5px}.pkg-label[data-astro-cid-4xfvu5s4] em[data-astro-cid-4xfvu5s4]{color:var(--text-3);font-style:normal}.pkg[data-astro-cid-4xfvu5s4].app{background:#f8f9fc;border-style:dashed}.pkg[data-astro-cid-4xfvu5s4].chart{border-color:var(--brand);box-shadow:0 0 0 3px #fdf0d9}.pkg[data-astro-cid-4xfvu5s4].core{background:var(--ink);border-color:var(--ink)}.pkg[data-astro-cid-4xfvu5s4].core .pkg-name[data-astro-cid-4xfvu5s4]{color:#fff}.pkg[data-astro-cid-4xfvu5s4].core .pkg-label[data-astro-cid-4xfvu5s4]{color:var(--on-ink-2)}.side-pkgs[data-astro-cid-4xfvu5s4]{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.pkg[data-astro-cid-4xfvu5s4].analytics:before,.pkg[data-astro-cid-4xfvu5s4].lazy:before{content:none}.pkg[data-astro-cid-4xfvu5s4].lazy{border-style:dashed;border-color:#2f81f7}.flow[data-astro-cid-4xfvu5s4]{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.flow[data-astro-cid-4xfvu5s4]:before{content:"";background:linear-gradient(90deg, var(--line), var(--brand), var(--line));height:2px;position:absolute;top:22px;left:4%;right:4%}.flow[data-astro-cid-4xfvu5s4] li[data-astro-cid-4xfvu5s4]{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:40px 12px 14px;display:flex;position:relative}.flow[data-astro-cid-4xfvu5s4] .dot[data-astro-cid-4xfvu5s4]{background:var(--card);border:3px solid var(--brand);width:14px;height:14px;animation:ping 2.8s calc(var(--i) * .4s) infinite;border-radius:50%;position:absolute;top:15px;left:12px}.step-num[data-astro-cid-4xfvu5s4]{color:var(--text-3);font-size:11px;position:absolute;top:14px;right:12px}.flow[data-astro-cid-4xfvu5s4] strong[data-astro-cid-4xfvu5s4]{font-size:15px}.flow[data-astro-cid-4xfvu5s4] code[data-astro-cid-4xfvu5s4]{font-family:var(--mono);color:var(--brand-ink);font-size:11.5px}.step-note[data-astro-cid-4xfvu5s4]{color:var(--text-2);font-size:13px;line-height:1.5}@keyframes ping{0%,70%,to{background:var(--card);box-shadow:0 0 #f2a93b00}10%{background:var(--brand);box-shadow:0 0 0 8px #f2a93b40}}.caveat[data-astro-cid-4xfvu5s4]{border-left:3px solid var(--brand);color:var(--text-2);background:#fdf6ea;border-radius:0 10px 10px 0;max-width:100ch;margin:0;padding:14px 16px;font-size:14.5px;line-height:1.6}.recorder[data-astro-cid-4xfvu5s4]{background:var(--ink);color:var(--on-ink);border-radius:16px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1.6fr);align-items:center;gap:0;padding:26px;display:grid}.node[data-astro-cid-4xfvu5s4]{border:1px solid var(--ink-line-2);background:var(--ink-2);border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.node[data-astro-cid-4xfvu5s4] .mono[data-astro-cid-4xfvu5s4]{color:var(--on-ink-3);font-size:11.5px}.node[data-astro-cid-4xfvu5s4] strong[data-astro-cid-4xfvu5s4]{color:#fff}.node[data-astro-cid-4xfvu5s4].rec{border-color:var(--brand)}.arrow[data-astro-cid-4xfvu5s4]{background:var(--brand);height:2px;margin:0 6px;position:relative}.arrow[data-astro-cid-4xfvu5s4]:after{content:"";border:5px solid #0000;border-left-color:var(--brand);position:absolute;top:-4px;right:-2px}.outs[data-astro-cid-4xfvu5s4]{gap:10px;display:grid}.node[data-astro-cid-4xfvu5s4] ul[data-astro-cid-4xfvu5s4]{color:var(--on-ink-2);flex-direction:column;gap:3px;margin:0;padding-left:18px;font-size:13px;display:flex}.node[data-astro-cid-4xfvu5s4].gpu{border-color:#2f81f7}.node[data-astro-cid-4xfvu5s4].gpu strong[data-astro-cid-4xfvu5s4]{color:#8ab8ff}.node[data-astro-cid-4xfvu5s4].c2d strong[data-astro-cid-4xfvu5s4]{color:#c7cedc}.facts[data-astro-cid-4xfvu5s4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.facts[data-astro-cid-4xfvu5s4] li[data-astro-cid-4xfvu5s4]{background:var(--card);border:1px solid var(--line);color:var(--text-2);border-radius:10px;padding:14px 16px 14px 40px;font-size:14.5px;line-height:1.55;position:relative}.facts[data-astro-cid-4xfvu5s4] li[data-astro-cid-4xfvu5s4]:before{content:"▲";color:#2f81f7;font-size:10px;position:absolute;top:15px;left:16px}.facts[data-astro-cid-4xfvu5s4] code{font-family:var(--mono);color:#1c2438;background:#eef1f6;border-radius:4px;padding:1px 5px;font-size:.9em}.weak[data-astro-cid-4xfvu5s4]{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.weak[data-astro-cid-4xfvu5s4] li[data-astro-cid-4xfvu5s4]{background:var(--card);border:1px solid var(--line);border-top:3px solid #22a06b;border-radius:12px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.weak[data-astro-cid-4xfvu5s4] strong[data-astro-cid-4xfvu5s4]{font-size:16px}.weak[data-astro-cid-4xfvu5s4] span[data-astro-cid-4xfvu5s4]{color:var(--text-2);font-size:14.5px;line-height:1.55}.next[data-astro-cid-4xfvu5s4]{counter-reset:n;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.next[data-astro-cid-4xfvu5s4] li[data-astro-cid-4xfvu5s4]{counter-increment:n;background:var(--card);color:var(--text-2);border:1px dashed #d8c39c;border-radius:10px;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:14px 16px;font-size:15px;line-height:1.55;display:grid}.next[data-astro-cid-4xfvu5s4] li[data-astro-cid-4xfvu5s4]:before{content:counter(n, decimal-leading-zero);font-family:var(--mono);color:var(--brand-ink);padding-top:3px;font-size:12px}.try[data-astro-cid-4xfvu5s4]{background:var(--ink);color:var(--on-ink);background-image:radial-gradient(circle at 100% 0,#f2a93b2e,#0000 50%);border-radius:18px;padding:28px 32px;text-decoration:none;display:block}.try[data-astro-cid-4xfvu5s4]>span[data-astro-cid-4xfvu5s4]{flex-direction:column;gap:6px;display:flex}.try[data-astro-cid-4xfvu5s4] strong[data-astro-cid-4xfvu5s4]{color:#fff;font-size:22px}.try[data-astro-cid-4xfvu5s4] span[data-astro-cid-4xfvu5s4] span[data-astro-cid-4xfvu5s4]{color:var(--on-ink-2)}.try[data-astro-cid-4xfvu5s4]:hover strong[data-astro-cid-4xfvu5s4]{color:var(--brand)}@media (width<=1100px){.flow[data-astro-cid-4xfvu5s4]{grid-template-columns:repeat(2,minmax(0,1fr))}.flow[data-astro-cid-4xfvu5s4]:before{display:none}.recorder[data-astro-cid-4xfvu5s4]{grid-template-columns:minmax(0,1fr);gap:10px}.arrow[data-astro-cid-4xfvu5s4]{width:2px;height:22px;margin:0 auto}.arrow[data-astro-cid-4xfvu5s4]:after{border-left-color:#0000;border-top-color:var(--brand);top:auto;bottom:-6px;right:-4px}.weak[data-astro-cid-4xfvu5s4]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.two[data-astro-cid-4xfvu5s4],.facts[data-astro-cid-4xfvu5s4],.weak[data-astro-cid-4xfvu5s4],.side-pkgs[data-astro-cid-4xfvu5s4]{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.flow[data-astro-cid-4xfvu5s4]{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.flow[data-astro-cid-4xfvu5s4] .dot[data-astro-cid-4xfvu5s4]{animation:none}}