.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);--zs-k: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-mm-dim:.62;--zs-mm-ix:inline}.zs-mm-backdrop{background:oklch(from var(--background) l c h / calc(var(--zs-mm-dim) * var(--open,0)));-webkit-backdrop-filter:blur(calc(var(--open,0) * 13px)) saturate(1.4);backdrop-filter:blur(calc(var(--open,0) * 13px)) saturate(1.4);opacity:var(--open,0);pointer-events:var(--zs-pe,none);transition:opacity calc(.28s * var(--zs-k)) var(--zs-ease), background-color calc(.28s * var(--zs-k)) var(--zs-ease), backdrop-filter calc(.34s * var(--zs-k)) var(--zs-ease)}.zs-mm-panel{background:oklch(from var(--card) l c h / .94);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);transform-origin:50% 0;opacity:var(--open,0);transform:translateY(calc((var(--open,0) - 1) * 14px)) scale(calc(.982 + var(--open,0) * .018));pointer-events:var(--zs-pe,none);transition:opacity calc(.24s * var(--zs-k)) var(--zs-ease), transform calc(.36s * var(--zs-k)) var(--zs-ease)}.zs-mm-item{opacity:var(--open,0);transform:translateY(calc((1 - var(--open,0)) * 8px));transition:opacity calc(.28s * var(--zs-k)) var(--zs-ease) calc(var(--zs-d,0s) * var(--zs-k)), transform calc(.32s * var(--zs-k)) var(--zs-ease) calc(var(--zs-d,0s) * var(--zs-k))}.zs-mm-item-fade{opacity:var(--open,0);transition:opacity calc(.28s * var(--zs-k)) var(--zs-ease) calc(var(--zs-d,0s) * var(--zs-k))}.zs-mm-bar{transform-origin:50%;width:18px;height:1.7px;transition:transform calc(.34s * var(--zs-k)) var(--zs-ease);background:currentColor;border-radius:2px;position:absolute;left:1px}.zs-mm-bar:first-child{transform:translateY(calc(var(--open,0) * 5px)) rotate(calc(var(--open,0) * 45deg));top:4.15px}.zs-mm-bar:nth-child(2){opacity:calc(1 - var(--open,0));transform:scaleX(calc(1 - var(--open,0) * .35));transition:opacity calc(.18s * var(--zs-k)) var(--zs-ease), transform calc(.34s * var(--zs-k)) var(--zs-ease);top:9.15px}.zs-mm-bar:nth-child(3){transform:translateY(calc(var(--open,0) * -5px)) rotate(calc(var(--open,0) * -45deg));top:14.15px}.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-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{--zs-k:.01}.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-bubble-in,.zs-reply-in{animation:none}}