.wws-stage{aspect-ratio:640/560;--wws-acc:#8fd0ff;width:100%;max-width:640px;margin-inline:auto;position:relative;container-type:inline-size}.wws-stage>svg{opacity:0;width:100%;height:100%;transition:opacity .9s,transform .9s cubic-bezier(.22,1,.36,1);display:block;overflow:visible;transform:scale(.97)}.wws-stage[data-ready=y]>svg{opacity:1;transform:scale(1)}.wws-dash{fill:none;stroke:#8fd0ff38;stroke-width:1.1px;stroke-dasharray:3 9}.wws-orbit{animation:34s linear infinite wwsDash}@keyframes wwsDash{to{stroke-dashoffset:-240px}}.wws-spin{animation:60s linear infinite wwsSpin}@keyframes wwsSpin{to{transform:rotate(360deg)}}.wws-ringlabel{font-family:var(--hx-mono,"JetBrains Mono",ui-monospace,monospace);font-weight:500}.wws-wire{fill:none;stroke-width:1.5px;stroke-linecap:round;opacity:.3;transition:opacity .45s,stroke-width .45s}.wws-flow{fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:3 11;opacity:.55;transition:opacity .45s;animation:2.6s linear infinite wwsFlow}@keyframes wwsFlow{to{stroke-dashoffset:-112px}}.wws-link.is-on .wws-wire{opacity:.95;stroke-width:2px}.wws-link.is-on .wws-flow{opacity:1;animation-duration:1.15s}.wws-dot-halo{opacity:.18;transition:opacity .45s,r .45s}.wws-link.is-on .wws-dot-halo{opacity:.4;animation:2.2s ease-out infinite wwsHalo}@keyframes wwsHalo{0%{r:9;opacity:.5}70%{r:22;opacity:0}to{r:22;opacity:0}}.wws-dot{transition:transform .4s cubic-bezier(.2,.75,.3,1)}.wws-link.is-on .wws-dot{transform-box:fill-box;transform-origin:50%;transform:scale(1.25)}.wws-packet{opacity:.35;transition:opacity .45s}.wws-link.is-on .wws-packet{opacity:1}.wws-hub-glow{animation:4.2s ease-in-out infinite wwsBreathe}@keyframes wwsBreathe{0%,to{opacity:.5}50%{opacity:1}}.wws-pulse{fill:none;stroke:var(--wws-acc);stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;animation:3.6s cubic-bezier(.2,.6,.3,1) infinite wwsPulse}.wws-pulse.p2{animation-delay:1.2s}.wws-pulse.p3{animation-delay:2.4s}@keyframes wwsPulse{0%{opacity:.55;transform:scale(.62)}80%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}.wws-sweep{transform-box:view-box;animation:9s linear infinite wwsSpin}.wws-hub-ring{fill:none;stroke:#8fd0ff57;stroke-width:1px;stroke-dasharray:2 6}.wws-hub-acc{fill:none;stroke:var(--wws-acc);stroke-width:1.6px;stroke-linecap:round;transition:stroke .55s,stroke-dasharray .8s cubic-bezier(.22,1,.36,1)}.wws-core-t{fill:#fff;letter-spacing:-.02em;font-weight:700}.wws-core-s{fill:#8fd0ff;letter-spacing:.18em;font-weight:600}.wws-tick{stroke:#8fd0ff80;stroke-width:1.2px;stroke-linecap:round}.wws-chips{position:absolute;inset:0}.wws-chip{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:linear-gradient(140deg,#0c244ae6,#06142dd1);border:1px solid #8fd0ff33;border-radius:14px;align-items:center;gap:.62rem;width:max-content;max-width:31cqw;padding:.6rem .8rem;text-decoration:none;transition:border-color .35s,box-shadow .35s,transform .4s cubic-bezier(.2,.75,.3,1),background .35s;animation:.7s cubic-bezier(.22,1,.36,1) both wwsChipIn;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 14px 30px -20px #000000f2}.wws-stage[data-ready=n] .wws-chip{animation-play-state:paused}@keyframes wwsChipIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.wws-chip i{border:1px solid color-mix(in srgb,var(--c,#8fd0ff) 40%,transparent);background:color-mix(in srgb,var(--c,#8fd0ff) 14%,transparent);width:34px;height:34px;color:var(--c,#8fd0ff);border-radius:10px;flex:none;place-items:center;transition:background .35s,transform .4s;display:grid}.wws-chip i svg{width:17px;height:17px}.wws-chip b{color:#fff;font:600 clamp(.6rem,1.85cqw,.86rem)/1.25 var(--hx-font);letter-spacing:-.02em;display:block}.wws-chip s{color:#cee1fc99;font:400 clamp(.5rem,1.4cqw,.7rem)/1.4 var(--hx-font);margin-top:.18rem;text-decoration:none;display:block}.wws-chip span{min-width:0}.wws-chip:hover,.wws-chip:focus-visible{border-color:color-mix(in srgb,var(--c,#8fd0ff) 55%,transparent);box-shadow:0 18px 38px -20px color-mix(in srgb,var(--c,#8fd0ff) 60%,transparent)}.wws-chip:focus-visible{outline-offset:3px;outline:2px solid #5bb0ff}.wws-chip.is-on{border-color:color-mix(in srgb,var(--c,#8fd0ff) 62%,transparent);box-shadow:0 20px 42px -22px color-mix(in srgb,var(--c,#8fd0ff) 70%,transparent);background:linear-gradient(140deg,#123262f2,#06142de0)}.wws-chip.is-on i{background:color-mix(in srgb,var(--c,#8fd0ff) 26%,transparent);transform:translateY(-1px)}.wws-chip.tl:hover,.wws-chip.tl.is-on{transform:translate(-50%,-50%)translate(-4px,-4px)}.wws-chip.tr:hover,.wws-chip.tr.is-on{transform:translate(-50%,-50%)translate(4px,-4px)}.wws-chip.bl:hover,.wws-chip.bl.is-on{transform:translate(-50%,-50%)translate(-4px,4px)}.wws-chip.br:hover,.wws-chip.br.is-on{transform:translate(-50%,-50%)translate(4px,4px)}.wws-read{border-radius:var(--hx-radius-pill,999px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06142dd1;border:1px solid #8fd0ff38;align-items:center;gap:.7rem;width:max-content;max-width:92cqw;padding:.5rem .5rem .5rem .9rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 16px 34px -24px #000000e6}.wws-read-live{color:#a9c6ea;font:600 .58rem var(--hx-mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;flex:none;align-items:center;gap:.4rem;display:inline-flex}.wws-read-live:before{content:"";background:var(--wws-acc);width:5px;height:5px;box-shadow:0 0 9px var(--wws-acc);border-radius:50%;animation:1.7s ease-in-out infinite wwsBlink}@keyframes wwsBlink{0%,to{opacity:.25}50%{opacity:1}}.wws-read-val{align-items:baseline;gap:.4rem;min-width:0;animation:.5s cubic-bezier(.22,1,.36,1) both wwsSwap;display:flex}@keyframes wwsSwap{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.wws-read-val b{color:var(--wws-acc);font:700 .84rem var(--hx-font);letter-spacing:-.02em;flex:none;transition:color .4s}.wws-read-val span{color:#cee1fcb8;font:500 .68rem var(--hx-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wws-read-bar{background:#8fd0ff29;border-radius:2px;flex:none;width:44px;height:3px;overflow:hidden}.wws-read-bar i{background:var(--wws-acc);transform-origin:0;border-radius:2px;height:100%;animation:4.4s linear both wwsBar;display:block}@keyframes wwsBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@container (max-width:430px){.wws-chip{gap:.45rem;max-width:36cqw;padding:.5rem .6rem}.wws-chip i{border-radius:9px;width:28px;height:28px}.wws-chip i svg{width:15px;height:15px}.wws-chip s{display:none}}@media (max-width:900px){.wws-stage{max-width:520px;margin-top:.5rem}}@media (max-width:520px){.wws-read{gap:.5rem;padding:.42rem .42rem .42rem .7rem}.wws-read-live span{display:none}.wws-read-val b{font-size:.76rem}.wws-read-val span{font-size:.62rem}}@media (prefers-reduced-motion:reduce){.wws-orbit,.wws-spin,.wws-flow,.wws-pulse,.wws-sweep,.wws-hub-glow,.wws-chip,.wws-read-live:before,.wws-read-bar i,.wws-read-val,.wws-link.is-on .wws-dot-halo{animation:none!important}.wws-stage>svg{opacity:1;transition:none;transform:none}.wws-chip{opacity:1}.wws-read-bar{display:none}}
