:root{--side-server:var(--accent);--side-server-tint:var(--accent-tint);--side-server-line:var(--accent-line);--side-browser:oklch(78% .1 270);--side-browser-tint:oklch(78% .1 270/.14);--side-browser-line:oklch(78% .1 270/.55);--side-seam:linear-gradient(90deg, var(--side-server), var(--side-browser))}:root[data-theme=light]{--side-browser:oklch(50% .13 270);--side-browser-tint:oklch(55% .13 270/.1);--side-browser-line:oklch(50% .13 270/.5)}[data-side=server]{--side:var(--side-server);--side-tint:var(--side-server-tint);--side-line:var(--side-server-line)}[data-side=browser]{--side:var(--side-browser);--side-tint:var(--side-browser-tint);--side-line:var(--side-browser-line)}.dz-side{font:650 var(--text-12) / 1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:7px;display:inline-flex}.dz-side i{background:var(--side);border-radius:50%;block-size:8px;inline-size:8px}.dz-grow{flex:1}.window pre .line[data-side=server],.window pre .line[data-side=browser]{box-shadow:inset 3px 0 0 var(--side-line)}.window pre .line[data-side=both]{background-image:linear-gradient(180deg, var(--side-server-line), var(--side-browser-line));box-shadow:none;background-position:0;background-repeat:no-repeat;background-size:3px 100%}.window pre .line.hl[data-side=server],.window pre .line.hl[data-side=browser]{background:var(--side-tint);box-shadow:inset 3px 0 0 var(--side)}.window pre .line.hl[data-side=both]{background-color:color-mix(in srgb, var(--side-server-tint) 50%, var(--side-browser-tint))}.window pre .line.hl:before{color:var(--text)}.dz-file:before{content:"";background:var(--side-seam);border-radius:50%;block-size:7px;inline-size:7px;margin-inline-end:8px;display:inline-block}.dz-file[data-side=server]:before{background:var(--side-server)}.dz-file[data-side=browser]:before{background:var(--side-browser)}.dz-quiet{min-block-size:var(--control-h-sm);font:620 var(--text-13) / 1 var(--font-body);color:var(--text);background:var(--raise);border:1px solid var(--hairline-hover);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast);align-items:center;padding-inline:14px;display:inline-flex}.dz-quiet:hover{background:var(--raise-2)}@media (pointer:coarse){.dz-quiet{min-block-size:var(--hit)}}.dz-switch{min-block-size:var(--control-h-sm);font:620 var(--text-13) / 1 var(--font-body);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:inline-flex}.dz-switch input{appearance:none;background:var(--raise-2);border:1px solid var(--hairline-hover);cursor:pointer;block-size:20px;inline-size:34px;transition:background var(--dur-base);border-radius:99px;margin:0;position:relative}.dz-switch input:after{content:"";background:var(--text-muted);block-size:14px;inline-size:14px;transition:transform var(--dur-base) var(--ease-settle), background var(--dur-base);border-radius:50%;position:absolute;inset-block-start:2px;inset-inline-start:2px}.dz-switch input:checked{background:var(--side-server-tint);border-color:var(--side-server-line)}.dz-switch input:checked:after{background:var(--side-server);transform:translate(14px)}.dz-switch.browser input:checked{background:var(--side-browser-tint);border-color:var(--side-browser-line)}.dz-switch.browser input:checked:after{background:var(--side-browser)}.dz-trace .pane-code{flex-direction:column;display:flex}.dz-trace .dz-code{flex:1;min-inline-size:0}@media (width>=1200px){.dz-trace .split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}.dz-trace .dz-code pre{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.dz-trace .pane-view,.dz-formlive.pane-view{align-content:start;place-items:stretch stretch;gap:14px;min-block-size:340px;padding:14px 18px 20px}.dz-urlbar{border-radius:var(--radius-pill);background:var(--raise);border:1px solid var(--hairline);block-size:30px;min-inline-size:0;font:500 var(--text-13) / 1 var(--font-mono);color:var(--text-muted);align-items:center;gap:10px;padding-inline:12px 4px;display:flex}.dz-host{opacity:.65}.dz-path{min-inline-size:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dz-status{border-radius:var(--radius-pill);border:1px solid var(--hairline-hover);font:500 var(--text-12) / 1 var(--font-mono);color:var(--text-muted);white-space:nowrap;margin-inline-start:auto;padding:4px 9px}.dz-status.good{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 50%, transparent)}.dz-status.bad{color:var(--err);border-color:color-mix(in srgb, var(--err) 50%, transparent)}.dz-app{min-inline-size:0;font-family:var(--font-body);gap:16px;display:grid}.dz-app-top{border-block-end:1px solid var(--hairline);align-items:center;gap:12px;padding-block-end:12px;display:flex}.dz-app-top b{font-weight:680;font-size:var(--text-15);color:var(--text)}.dz-nav{gap:2px;display:flex}.dz-nav span{font-size:var(--text-15);color:var(--text-muted);border-radius:8px;padding:5px 9px}.dz-nav span[aria-current]{color:var(--text);background:var(--raise-2)}.dz-logo{background:var(--side-seam);opacity:.9;border-radius:7px;block-size:22px;inline-size:22px}.dz-crumb{font-size:var(--text-13);color:var(--text-muted)}.dz-user{grid-template-columns:60px minmax(0,1fr);align-items:center;gap:16px;display:grid}.dz-avatar{block-size:60px;inline-size:60px;font:650 21px / 1 var(--font-display);color:var(--text);background:var(--raise-3);box-shadow:inset 0 0 0 1px var(--hairline-hover);border-radius:18px;place-items:center;display:grid}.dz-name{font:650 clamp(1.4rem, 1.2rem + .8vw, 1.8rem) / 1.1 var(--font-display);letter-spacing:-.025em;color:var(--text)}.dz-user p{font-size:var(--text-15);color:var(--text-muted);margin:4px 0 0}.dz-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.dz-facts>div{border-radius:var(--radius-md);background:var(--raise);border:1px solid var(--hairline);padding:11px 13px}.dz-facts dt{font:650 var(--text-12) / 1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.dz-facts dd{font-size:var(--text-15);color:var(--text);margin:6px 0 0;font-weight:620}.dz-pager{justify-content:space-between;gap:10px;margin-block-start:18px;display:flex}.dz-pager button{min-block-size:var(--control-h-sm);font:620 var(--text-15) / 1 var(--font-body);color:var(--text);background:var(--raise);border:1px solid var(--hairline-hover);cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast);border-radius:10px;padding-inline:13px}.dz-pager button:hover:not(:disabled){background:var(--raise-2);border-color:var(--side-browser-line)}.dz-pager button:disabled{opacity:.45;cursor:default}@media (pointer:coarse){.dz-pager button{min-block-size:var(--hit)}}.skel{background:linear-gradient(90deg, var(--raise), var(--raise-2), var(--raise));background-size:200% 100%;border-radius:8px;block-size:52px;animation:1.4s linear infinite dz-shimmer}.skel.tall{block-size:64px}@keyframes dz-shimmer{to{background-position:-200% 0}}.dz-skeletons{gap:12px;display:none}.dz-app[data-state=blank] .dz-content,.dz-app[data-state=blank] .dz-crumb{visibility:hidden}.dz-app[data-state=shell] .dz-skeletons{display:grid}.dz-app[data-state=shell] .dz-content{display:none}.dz-app[data-state=pending] .dz-content{opacity:.4}.dz-login{justify-items:start;gap:12px;padding-block:12px;display:none}.dz-login .field{border:1px solid var(--hairline-hover);background:var(--raise);border-radius:10px;block-size:38px;inline-size:min(100%,260px)}.dz-app[data-view=login] .dz-login{display:grid}.dz-app[data-view=login] .dz-content,.dz-app[data-view=login] .dz-crumb,.dz-app[data-view=login] .dz-skeletons{display:none}.dz-app .flash{animation-name:dz-paint;animation-duration:1.1s}@keyframes dz-paint{0%{outline:2px solid var(--accent);outline-offset:3px;background:var(--accent-glow);border-radius:6px}to{outline-offset:3px;background:0 0;border-radius:6px;outline:2px solid #0000}}.dz-trace-head{align-items:center;gap:var(--space-4);border-block-start:1px solid var(--hairline);background:color-mix(in srgb, var(--canvas) 40%, var(--code-bg));flex-wrap:wrap;padding:12px 18px;display:flex}.dz-title{font:650 var(--text-12) / 1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.dz-req{font:500 var(--text-13) / 1 var(--font-mono);color:var(--text)}.dz-lanes{grid-template-rows:68px 68px;grid-template-columns:74px repeat(5,minmax(0,1fr));margin:0;padding-block-end:4px;padding-inline:18px;display:grid;position:relative}.dz-lane-label{font:650 var(--text-12) / 1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--side);align-items:center;display:flex}.dz-lane-label[data-side=server]{grid-area:1/1}.dz-lane-label[data-side=browser]{grid-area:2/1}.dz-seam{background:linear-gradient(90deg, var(--side-server-line), var(--side-browser-line));opacity:.6;pointer-events:none;block-size:1px;position:absolute;inset-block-start:50%;inset-inline:18px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 12px);mask:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 12px)}.dz-edges{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.dz-edge{fill:none;stroke:var(--hairline-hover);stroke-width:1.5px;transition:stroke var(--dur-slow)}.dz-edge.on[data-to=server]{stroke:var(--side-server-line)}.dz-edge.on[data-to=browser]{stroke:var(--side-browser-line)}.dz-packet{fill:var(--text);filter:drop-shadow(0 0 6px var(--side-server));opacity:0}.dz-packet.on{opacity:1}.dz-packet[data-lane=browser]{filter:drop-shadow(0 0 6px var(--side-browser))}.dz-node{grid-column:var(--col);grid-row:var(--row);z-index:1;border:1px solid var(--hairline-hover);background:var(--code-bg);min-block-size:38px;max-inline-size:calc(100% - 10px);color:var(--text-muted);font:650 var(--text-15) / 1 var(--font-body);white-space:nowrap;cursor:pointer;transition:border-color var(--dur-slow), background var(--dur-slow), color var(--dur-slow), box-shadow var(--dur-slow), transform var(--dur-slow) var(--ease-settle), opacity var(--dur-slow);border-radius:12px;place-self:center;align-items:center;gap:9px;padding:8px 13px 8px 9px;display:inline-flex;position:relative}.dz-node .n{background:var(--raise-2);block-size:20px;inline-size:20px;color:var(--text-muted);font:600 11px / 1 var(--font-mono);border-radius:50%;flex:none;place-items:center;display:grid}.dz-node.lit,.dz-node.cur{color:var(--text);border-color:var(--side-line);background:var(--side-tint)}.dz-node.lit .n,.dz-node.cur .n{background:var(--side);color:var(--canvas)}.dz-node.cur{box-shadow:0 10px 30px -10px var(--side);transform:translateY(-2px)}.dz-node.unreached{opacity:.35;border-style:dashed}.dz-node.stop{color:var(--text);border-color:color-mix(in srgb, var(--err) 60%, transparent);background:color-mix(in srgb, var(--err) 14%, transparent)}.dz-node.stop .n{background:var(--err)}.dz-caption{border-block-start:1px solid var(--hairline);grid-template-columns:92px minmax(0,1fr);align-items:start;gap:14px;min-block-size:70px;padding:12px 18px 16px;display:grid}.dz-caption .dz-side{margin-block-start:5px}.dz-caption p{max-inline-size:78ch;font-size:var(--text-17);color:var(--prose);margin:0;line-height:1.45}.dz-caption p.dz-fact{font:400 var(--text-13) / 1.5 var(--font-mono);color:var(--text-muted);overflow-wrap:anywhere;margin-block-start:8px}.dz-fact b{font:650 var(--text-12) / 1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--side-server);margin-inline-end:8px}.dz-caption strong{color:var(--text);font-weight:680}.dz-beats{border-block-start:1px solid var(--hairline);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dz-beat{min-inline-size:0;transition:background var(--dur-scene);align-content:start;gap:6px;padding:14px 18px 16px;display:grid}.dz-beat+.dz-beat{border-inline-start:1px solid var(--hairline)}.dz-beat .dz-beat-title{font:650 var(--text-12) / 1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.dz-beat p{font-size:var(--text-15);color:var(--prose);margin:0;line-height:1.4}.dz-beat.on{background:var(--raise)}.dz-beat.on .dz-beat-title{color:var(--text)}.dz-ships{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.dz-ships li{border:1px solid var(--side-browser-line);border-radius:var(--radius-pill);background:var(--side-browser-tint);color:var(--text);font:500 var(--text-12) / 1 var(--font-mono);padding:5px 8px}.dz-ships li.kept{border-color:var(--hairline-hover);color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--text-muted) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--text-muted) 55%, transparent);background:0 0}@media (width<=860px){.dz-lanes{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:8px;padding-block:12px}.dz-beats{grid-template-columns:minmax(0,1fr)}.dz-beat+.dz-beat{border-inline-start:0;border-block-start:1px solid var(--hairline)}.dz-lane-label,.dz-seam,.dz-edges{display:none}.dz-node{grid-area:auto/1;justify-self:stretch;max-inline-size:none}.dz-node:after{content:attr(data-side);font:650 10.5px / 1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--side);margin-inline-start:auto}.dz-caption{grid-template-columns:minmax(0,1fr);gap:6px}.dz-caption .dz-side{margin-block-start:0}.dz-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.dz-facts>div:last-child{display:none}}@media (width<=560px){.dz-nav span:not([aria-current]){display:none}.dz-pager{flex-direction:column}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}:root{--atmos-cone:oklch(72% .07 270/.17);--atmos-floor:oklch(62% .15 55/.26)}:root[data-theme=light]{--atmos-cone:oklch(84% .06 270/.4);--atmos-floor:oklch(85% .1 60/.4)}@layer kit.flavor{.hero{isolation:isolate;text-align:center;padding-block:clamp(48px,7vw,96px) 0;position:relative;overflow:clip}.hero-bg{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 52% 40% at 14% 70%, var(--atmos-floor), transparent 72%), radial-gradient(ellipse 46% 40% at 88% 66%, var(--side-browser-tint), transparent 72%), radial-gradient(ellipse 62% 50% at 50% -8%, var(--atmos-cone), transparent 72%);position:absolute;inset:0}.hero-bg:after{content:"";background:radial-gradient(var(--atmos-grid) 1px, transparent 1.3px) 0 0 / 26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 62% at 50% 20%,#000 20%,#0000 78%);mask-image:radial-gradient(70% 62% at 50% 20%,#000 20%,#0000 78%)}.hero h1{letter-spacing:-.035em;max-inline-size:20em;margin-inline:auto;font-size:clamp(2.5rem,1.2rem + 5.6vw,4.75rem);line-height:1.02}.hero h1 .ghost{letter-spacing:-.03em;display:block}.sub{text-wrap:balance;max-inline-size:36em;margin:var(--space-6) auto 0}.install-row{justify-content:center;margin-block-start:var(--space-6);display:flex}.install-row .code-block.install{inline-size:min(100%,700px)}.cta{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-8);display:flex}.hero-demo{max-inline-size:1340px;margin-block-start:clamp(40px,6vw,72px);padding-block-end:var(--space-16)}@media (prefers-reduced-motion:no-preference){.rise{animation:rise .9s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}}}