.zs{--zs-accent:var(--primary);--zs-accent-soft:oklch(from var(--primary) calc(l - .05) c h);--zs-accent-dim:oklch(from var(--primary) calc(l + .2) c h);--zs-glow:oklch(from var(--primary) l c h / .22);--zs-glow-faint:oklch(from var(--primary) l c h / .08);--zs-glow-wash:oklch(from var(--primary) l c h / .035);--zs-line:#0000001f;--zs-line-2:#00000012;--zs-code-str:#0f766e;--zs-reply:oklch(from var(--primary) calc(l + .02) calc(c * .95) calc(h + 75));--zs-reply-glow:oklch(from var(--primary) l c calc(h + 75) / .2);--zs-reply-glow-faint:oklch(from var(--primary) l c calc(h + 75) / .08);--zs-ease:cubic-bezier(.22, .61, .36, 1);background:var(--background);color:var(--foreground);position:relative}.dark .zs{--zs-accent:oklch(from var(--primary) calc(l + .27) c h);--zs-accent-soft:oklch(from var(--primary) calc(l + .33) c h);--zs-accent-dim:oklch(from var(--primary) calc(l + .05) c h);--zs-glow:oklch(from var(--primary) calc(l + .27) c h / .55);--zs-glow-faint:oklch(from var(--primary) calc(l + .27) c h / .16);--zs-glow-wash:oklch(from var(--primary) calc(l + .27) c h / .06);--zs-line:#ffffff17;--zs-line-2:#ffffff0f;--zs-code-str:#67e8c3;--zs-reply:oklch(from var(--primary) calc(l + .3) calc(c * .95) calc(h + 75));--zs-reply-glow:oklch(from var(--primary) calc(l + .3) c calc(h + 75) / .5);--zs-reply-glow-faint:oklch(from var(--primary) calc(l + .3) c calc(h + 75) / .15)}.zs-glow{z-index:0;pointer-events:none;background:radial-gradient(1100px 720px at 78% -2%, var(--zs-glow-faint), transparent 58%), radial-gradient(900px 900px at 8% 102%, var(--zs-glow-faint), transparent 60%),  radial-gradient(140% 90% at 50% 45%, var(--zs-glow-wash), transparent 100%);opacity:.9;position:absolute;inset:0}.zs-fog{z-index:-1;pointer-events:none;will-change:transform;width:100%;height:140vh;display:block;position:fixed;top:0;left:0}.zs{--zs-demo-glass:oklch(from var(--card) calc(l - .035) c h / .8)}.zs-cword{color:var(--zs-accent-soft);transition:opacity .32s var(--zs-ease), transform .32s var(--zs-ease);display:inline-block}.zs-cword.in{opacity:1;transform:translateY(0)}.zs-cword:not(.in){opacity:0;transform:translateY(.22em)}.zs-card-glow{z-index:0;pointer-events:none;background:radial-gradient(closest-side, var(--zs-glow) 0%, transparent 72%);opacity:.7;filter:blur(40px);animation:zs-breathe 7s var(--zs-ease) infinite;position:absolute;inset:-28% -20%}@keyframes zs-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.95;transform:scale(1.05)}}.zs-bubble-in{animation:zs-bubble-in .42s var(--zs-ease) both}@keyframes zs-bubble-in{0%{opacity:0;transform:translate(6px,8px)scale(.985)}to{opacity:1;transform:none}}.zs-reply-in{animation:zs-reply-in .4s var(--zs-ease) both}@keyframes zs-reply-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.zs-cursor{vertical-align:-2px;background:var(--zs-accent);width:7px;height:15px;margin-left:2px;animation:1.1s steps(2,end) infinite zs-blink;display:inline-block}@keyframes zs-blink{0%,to{opacity:1}50%{opacity:0}}.zs-think{vertical-align:middle;align-items:center;gap:5px;height:1em;display:inline-flex}.zs-think i{background:var(--zs-accent-soft);border-radius:50%;width:6px;height:6px;animation:1.05s ease-in-out infinite zs-opDot}.zs-think i:nth-child(2){animation-delay:.16s}.zs-think i:nth-child(3){animation-delay:.32s}.zs-seg-line{background:linear-gradient(90deg, transparent, var(--zs-accent-dim), transparent);width:100%;min-width:36px;height:1px;position:relative;container-type:inline-size}.zs-seg-line-v{background:linear-gradient(180deg, transparent, var(--zs-accent-dim) 10%, var(--zs-accent-dim) 90%, transparent);width:1px;height:56px;position:relative;container-type:size}.zs-seg-line:after,.zs-seg-line-v:after{content:"";opacity:0;background:linear-gradient(90deg, transparent, var(--zs-accent), transparent);pointer-events:none;position:absolute;inset:0}.zs-seg-line-v:after{background:linear-gradient(180deg, transparent, var(--zs-accent) 10%, var(--zs-accent) 90%, transparent)}.zs-flow.in .zs-seg-1 .zs-seg-line:after,.zs-flow.in .zs-seg-1 .zs-seg-line-v:after{animation:zs-rail1 7.6s var(--zs-ease) infinite}.zs-flow.in .zs-seg-2 .zs-seg-line:after,.zs-flow.in .zs-seg-2 .zs-seg-line-v:after{animation:zs-rail2 7.6s var(--zs-ease) infinite}@keyframes zs-rail1{0%,7%{opacity:0}12%,20%{opacity:.45}26%{opacity:0}70%{opacity:0}75%,85%{opacity:.45}91%,to{opacity:0}}@keyframes zs-rail2{0%,24%{opacity:0}29%,38%{opacity:.45}44%{opacity:0}57%{opacity:0}62%,68%{opacity:.45}74%,to{opacity:0}}.zs-pkt{background:var(--zs-accent);width:11px;height:11px;box-shadow:0 0 13px 2px var(--zs-glow);opacity:0;pointer-events:none;will-change:transform, opacity;border-radius:3px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:0}.zs-pkt:after{content:"";background:linear-gradient(90deg, transparent, var(--zs-glow));border-radius:2px;width:28px;height:3px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.zs-pkt.reply{background:var(--zs-reply);box-shadow:0 0 13px 2px var(--zs-reply-glow-faint), 0 0 6px 1px var(--zs-reply-glow)}.zs-pkt.reply:after{background:linear-gradient(270deg, transparent, var(--zs-reply-glow));left:100%;right:auto}.zs-flow.in .zs-seg-1 .zs-pkt:not(.reply){animation:zs-pkt1 7.6s var(--zs-ease) infinite}.zs-flow.in .zs-seg-2 .zs-pkt:not(.reply){animation:zs-pkt2 7.6s var(--zs-ease) infinite}.zs-flow.in .zs-seg-2 .zs-pkt.reply{animation:zs-pkt2r 7.6s var(--zs-ease) infinite}.zs-flow.in .zs-seg-1 .zs-pkt.reply{animation:zs-pkt1r 7.6s var(--zs-ease) infinite}.zs-seg-line-v .zs-pkt{margin:-6px 0 0 -6px;top:0;left:50%}.zs-seg-line-v .zs-pkt:after{background:linear-gradient(180deg, transparent, var(--zs-glow));width:3px;height:22px;inset:auto auto 100% 50%;transform:translate(-50%)}.zs-seg-line-v .zs-pkt.reply:after{background:linear-gradient(0deg, transparent, var(--zs-reply-glow));top:100%;bottom:auto}.zs-flow.in .zs-seg-1 .zs-seg-line-v .zs-pkt:not(.reply){animation:zs-pkt1-v 7.6s var(--zs-ease) infinite}.zs-flow.in .zs-seg-2 .zs-seg-line-v .zs-pkt:not(.reply){animation:zs-pkt2-v 7.6s var(--zs-ease) infinite}.zs-flow.in .zs-seg-2 .zs-seg-line-v .zs-pkt.reply{animation:zs-pkt2r-v 7.6s var(--zs-ease) infinite}.zs-flow.in .zs-seg-1 .zs-seg-line-v .zs-pkt.reply{animation:zs-pkt1r-v 7.6s var(--zs-ease) infinite}.zs-hash-out{opacity:1}.zs-hash-in,.zs-hash-s1,.zs-hash-s2{opacity:0}.zs-hash-in{color:var(--zs-reply)}.zs-flow.in .zs-hash-out{animation:zs-hashOut 7.6s var(--zs-ease) infinite}.zs-flow.in .zs-hash-in{animation:zs-hashIn 7.6s var(--zs-ease) infinite}.zs-flow.in .zs-hash-s1{animation:7.6s step-end infinite zs-hashS1}.zs-flow.in .zs-hash-s2{animation:7.6s step-end infinite zs-hashS2}@keyframes zs-hashOut{0%,54%{opacity:1}55%,96%{opacity:0}to{opacity:1}}@keyframes zs-hashIn{0%,59.5%{opacity:0}60.5%,96%{opacity:1}to{opacity:0}}@keyframes zs-hashS1{0%{opacity:0}54.5%{opacity:1}56%{opacity:0}57.5%{opacity:1}59%,to{opacity:0}}@keyframes zs-hashS2{0%{opacity:0}56%{opacity:1}57.5%{opacity:0}59%{opacity:1}60%,to{opacity:0}}.zs-flow.in .zs-node-proxy{animation:7.6s ease-in-out infinite zs-nProxy}.zs-flow.in .zs-node-relay{animation:7.6s ease-in-out infinite zs-nRelay}.zs-flow.in .zs-node-op{animation:7.6s ease-in-out infinite zs-nOp}.zs-node{z-index:1;transition:border-color .3s,box-shadow .3s;position:relative}@keyframes zs-pkt1{0%,5%{opacity:0;transform:translate(-45px)}7%{opacity:1;animation-timing-function:linear;transform:translate(-45px)}25%{opacity:1;transform:translate(calc(100cqw + 45px))}27%,to{opacity:0;transform:translate(calc(100cqw + 45px))}}@keyframes zs-pkt2{0%,23%{opacity:0;transform:translate(-45px)}25%{opacity:1;animation-timing-function:linear;transform:translate(-45px)}43%{opacity:1;transform:translate(calc(100cqw + 45px))}45%,to{opacity:0;transform:translate(calc(100cqw + 45px))}}@keyframes zs-pkt2r{0%,58%{opacity:0;transform:translate(calc(100cqw + 45px))}60%{opacity:1;animation-timing-function:linear;transform:translate(calc(100cqw + 45px))}72%{opacity:1;transform:translate(-45px)}74%,to{opacity:0;transform:translate(-45px)}}@keyframes zs-pkt1r{0%,70%{opacity:0;transform:translate(calc(100cqw + 45px))}72%{opacity:1;animation-timing-function:linear;transform:translate(calc(100cqw + 45px))}90%{opacity:1;transform:translate(-45px)}92%,to{opacity:0;transform:translate(-45px)}}@keyframes zs-pkt1-v{0%,5%{opacity:0;transform:translateY(-45px)}7%{opacity:1;animation-timing-function:linear;transform:translateY(-45px)}25%{opacity:1;transform:translateY(calc(100cqh + 45px))}27%,to{opacity:0;transform:translateY(calc(100cqh + 45px))}}@keyframes zs-pkt2-v{0%,23%{opacity:0;transform:translateY(-45px)}25%{opacity:1;animation-timing-function:linear;transform:translateY(-45px)}43%{opacity:1;transform:translateY(calc(100cqh + 45px))}45%,to{opacity:0;transform:translateY(calc(100cqh + 45px))}}@keyframes zs-pkt2r-v{0%,58%{opacity:0;transform:translateY(calc(100cqh + 45px))}60%{opacity:1;animation-timing-function:linear;transform:translateY(calc(100cqh + 45px))}72%{opacity:1;transform:translateY(-45px)}74%,to{opacity:0;transform:translateY(-45px)}}@keyframes zs-pkt1r-v{0%,70%{opacity:0;transform:translateY(calc(100cqh + 45px))}72%{opacity:1;animation-timing-function:linear;transform:translateY(calc(100cqh + 45px))}90%{opacity:1;transform:translateY(-45px)}92%,to{opacity:0;transform:translateY(-45px)}}@keyframes zs-nProxy{0%,2%{border-color:var(--zs-line);box-shadow:none}7%{border-color:var(--zs-accent-dim);box-shadow:0 0 34px -12px var(--zs-glow)}14%{border-color:var(--zs-line);box-shadow:none}85%{border-color:var(--zs-line);box-shadow:none}91%{border-color:var(--zs-reply);box-shadow:0 0 34px -12px var(--zs-reply-glow)}to{border-color:var(--zs-line);box-shadow:none}}@keyframes zs-nRelay{0%,20%{border-color:var(--zs-line);box-shadow:none}25.5%{border-color:var(--zs-accent-dim);box-shadow:0 0 34px -12px var(--zs-glow)}32%{border-color:var(--zs-line);box-shadow:none}67%{border-color:var(--zs-line);box-shadow:none}72.5%{border-color:var(--zs-reply);box-shadow:0 0 34px -12px var(--zs-reply-glow)}79%{border-color:var(--zs-line);box-shadow:none}to{border-color:var(--zs-line);box-shadow:none}}@keyframes zs-nOp{0%,41%{border-color:var(--zs-line);box-shadow:none}47%{border-color:var(--zs-accent);box-shadow:0 0 62px -6px var(--zs-glow)}55%{border-color:var(--zs-accent);box-shadow:0 0 48px -10px var(--zs-glow)}60%{border-color:var(--zs-accent);box-shadow:0 0 64px -6px var(--zs-glow)}66%,to{border-color:var(--zs-line);box-shadow:none}}.zs-op-work{opacity:0;align-items:center;gap:5px;height:5px;margin-top:-5px;display:flex}.zs-op-work i{background:var(--zs-accent-soft);border-radius:50%;width:5px;height:5px}.zs-flow.in .zs-op-work{animation:7.6s ease-in-out infinite zs-opWorkShow}.zs-flow.in .zs-op-work i{animation:1.05s ease-in-out infinite zs-opDot}.zs-flow.in .zs-op-work i:nth-child(2){animation-delay:.16s}.zs-flow.in .zs-op-work i:nth-child(3){animation-delay:.32s}@keyframes zs-opWorkShow{0%,46%{opacity:0}50%,61%{opacity:1}66%,to{opacity:0}}@keyframes zs-opDot{0%,to{opacity:.35;transform:scale(.55)}50%{opacity:1;transform:scale(1)}}.zs-flow.zs-paused *,.zs-flow.zs-paused :before,.zs-flow.zs-paused :after{animation-play-state:paused!important}.zs-reveal:not(.in){opacity:0;transform:translateY(20px)}.zs-reveal.in{animation:zs-reveal-in .8s var(--zs-ease) backwards}@keyframes zs-reveal-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.zs-reveal,.zs-reveal:not(.in){opacity:1;transition:none;animation:none;transform:none}.zs-card-glow{animation:none}.zs-pkt,.zs-op-work{display:none}.zs-flow.in .zs-seg-1 .zs-seg-line:after,.zs-flow.in .zs-seg-1 .zs-seg-line-v:after,.zs-flow.in .zs-seg-2 .zs-seg-line:after,.zs-flow.in .zs-seg-2 .zs-seg-line-v:after,.zs-flow.in .zs-hash-out,.zs-flow.in .zs-hash-in{animation:none}.zs-hash-in,.zs-hash-s1,.zs-hash-s2{display:none}.zs-flow.in .zs-node-proxy,.zs-flow.in .zs-node-relay,.zs-flow.in .zs-node-op,.zs-cursor,.zs-bubble-in,.zs-reply-in{animation:none}}