.w-lava,.w-lava *{box-sizing:border-box}.w-lava{--yellow:#ffd23f;--f-sans:var(--font-sans);--f-mono:var(--font-mono);--safe-top:58px;color:#f6f4fb;width:100%;height:100%;font-family:var(--f-sans);touch-action:pan-y;cursor:crosshair;background:#100c20;position:relative;overflow:hidden;container:lava/size}.w-lava>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.w-lava:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0e0a1ec7 0%,#0e0a1e00 26%),linear-gradient(#0e0a1e00 78%,#0e0a1e8c 100%),radial-gradient(70% 55% at 55% 55%,#d6288c00,#d6288c1f 70%,#5a28c82e);position:absolute;inset:0}.w-lava .hand{z-index:3;aspect-ratio:837/2680;opacity:0;pointer-events:none;will-change:transform;filter:drop-shadow(0 30px 36px #000000b3);width:clamp(130px,33cqw,210px);position:absolute;top:0;left:0}.w-lava .hand img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.w-lava .hand canvas,.w-lava .hand .glass{background:#000;border-radius:2.5%/3.5%;width:71.4%;height:17.02%;position:absolute;top:9.66%;left:14.3%}.w-lava .hand .glass{background:linear-gradient(158deg,#ffffff21 0%,#ffffff0a 30%,#fff0 46%);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 12px #00000073}.w-lava .cap{z-index:4;pointer-events:none;max-width:58%;position:absolute;top:20px;left:22px}.w-lava .cap .k{color:#f6f4fba8;font:500 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;display:flex}.w-lava .cap .k i{background:var(--cc,#ffc31f);width:8px;height:8px;box-shadow:0 0 12px var(--cc,#ffc31f);border-radius:50%}.w-lava .cap h4{letter-spacing:-.035em;margin:9px 0 5px;font-size:clamp(19px,4.4cqw,28px);font-weight:600;line-height:1}.w-lava .cap p{color:#f6f4fbc2;font:500 11.5px/1.45 var(--f-mono);font-variant-numeric:tabular-nums;margin:0}.w-lava .cap .sw{transition:opacity .35s,transform .5s cubic-bezier(.2,.9,.3,1)}.w-lava .cap.swap .sw{opacity:0;transform:translateY(6px)}.w-lava .hdr{top:var(--safe-top);z-index:4;color:#f6f4fb9e;font:500 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;pointer-events:none;gap:12px;display:flex;position:absolute;right:18px}.w-lava .hdr b{color:#fff;font-variant-numeric:tabular-nums;font-weight:500}.w-lava .hdr .rec{color:#ff6a5a}.w-lava .hdr .rec:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1.1s steps(2,end) infinite w-lava-blink;display:inline-block}@keyframes w-lava-blink{50%{opacity:.15}}.w-lava .scale{top:calc(var(--safe-top) + 30px);z-index:4;opacity:.9;pointer-events:none;background:linear-gradient(#ffffed 0%,#ffe059 10%,#fc9905 25%,#f0521f 40%,#c70f6b 55%,#730094 72%,#210054 90%,#000 100%);border-radius:3px;width:6px;position:absolute;bottom:110px;right:18px}.w-lava .scale span{color:#f6f4fba8;font:500 9.5px/1 var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;right:12px}.w-lava .scale .mk{background:#fff;border-radius:2px;width:14px;height:2px;transition:bottom .25s;position:absolute;right:-4px;box-shadow:0 0 8px #fffc}@container lava (max-width:420px){.w-lava .cap{max-width:66%;top:16px;left:16px}.w-lava .cap .k{letter-spacing:.1em;font-size:9.5px}.w-lava .cap p{max-width:min(200px,56cqw);font-size:10px}.w-lava .hdr{gap:8px;font-size:9px;right:12px}.w-lava .hdr .amb{display:none}.w-lava .scale{bottom:96px;right:12px}}@media (prefers-reduced-motion:reduce){.w-lava .cap .sw{transition:none}}.w-lava.pg{cursor:ew-resize}.w-lava .wl{display:none}.w-lava.pg .wl{z-index:4;color:#f6f4fbb8;font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:16px;left:18px;right:18px}
.w-semg,.w-semg *{box-sizing:border-box}.w-semg{--yellow:#ffd23f;--f-sans:var(--font-sans);--f-mono:var(--font-mono);--safe-top:58px;--safe-br:92px;color:#f6f4fb;width:100%;height:100%;font-family:var(--f-sans);background:0 0;position:relative;overflow:hidden;container:semg/size}.w-semg:before{content:"";pointer-events:none;opacity:.55;background-image:radial-gradient(#ffffff16 1px,#0000 1.2px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask:radial-gradient(75% 70% at 70%,#000,#0000);mask:radial-gradient(75% 70% at 70%,#000,#0000)}.w-semg>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.w-semg .cap{z-index:2;pointer-events:none;max-width:56%;position:absolute;top:20px;left:22px}.w-semg .cap .k{color:#f6f4fb9e;font:500 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;display:flex}.w-semg .cap .k i{background:var(--cc,#fff);width:8px;height:8px;box-shadow:0 0 12px var(--cc,#fff);border-radius:50%}.w-semg .cap h4{letter-spacing:-.035em;margin:9px 0 5px;font-size:clamp(19px,4.4cqw,28px);font-weight:600;line-height:1}.w-semg .cap p{color:#f6f4fbb8;font:500 11.5px/1.45 var(--f-mono);font-variant-numeric:tabular-nums;margin:0}.w-semg .cap .sw{transition:opacity .35s,transform .5s cubic-bezier(.2,.9,.3,1)}.w-semg .cap.swap .sw{opacity:0;transform:translateY(6px)}.w-semg .hdr{top:var(--safe-top);z-index:2;color:#f6f4fb99;font:500 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;opacity:0;gap:12px;transition:opacity .6s .6s;display:flex;position:absolute;right:18px}.w-semg.on .hdr{opacity:1}.w-semg .hdr b{color:#fff;font-variant-numeric:tabular-nums;font-weight:500}.w-semg .hdr .live{color:#ff6a9a}.w-semg .hdr .live:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1.1s steps(2,end) infinite w-semg-blink;display:inline-block}@keyframes w-semg-blink{50%{opacity:.15}}.w-semg .lane{z-index:2;letter-spacing:-.01em;cursor:pointer;opacity:0;border-radius:999px;align-items:center;gap:8px;padding:5px 8px 5px 5px;font-size:12.5px;font-weight:600;transition:opacity .45s,transform .6s cubic-bezier(.2,.9,.3,1),background-color .3s;display:flex;position:absolute;right:18px;transform:translateY(6px)}.w-semg .lane.in{opacity:1;transform:none}.w-semg .lane.dim{opacity:.45}.w-semg .lane.fx{background:#ffffff14}.w-semg .lane i{background:var(--cc);color:#14112a;width:18px;height:18px;font:600 10px/1 var(--f-mono);border-radius:50%;place-items:center;font-style:normal;display:grid}.w-semg .lane em{color:#fff;min-width:4.2ch;font:500 12px/1 var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;font-style:normal}.w-semg .lane em small{color:#f6f4fb8c;margin-left:2px;font-size:9.5px}@container semg (max-width:480px){.w-semg .cap{max-width:62%;top:16px;left:16px}.w-semg .cap .k{letter-spacing:.08em;font-size:9.5px}.w-semg .cap p{font-size:10px}.w-semg .hdr{gap:8px;font-size:9px;right:12px}.w-semg .hdr .ang{display:none}.w-semg .lane{gap:6px;font-size:11px;right:10px}.w-semg .lane i{width:16px;height:16px;font-size:9px}.w-semg .lane em{font-size:10.5px}.w-semg .lane em small{display:none}}@media (prefers-reduced-motion:reduce){.w-semg .lane,.w-semg .cap .sw,.w-semg .hdr{transition:none}}
.w-spina,.w-spina *{box-sizing:border-box}.w-spina{--yellow:#ffd23f;--f-sans:var(--font-sans);--f-mono:var(--font-mono);--safe-bottom:120px;color:#f6f4fb;width:100%;height:100%;font-family:var(--f-sans);background:radial-gradient(60% 50% at 70% 30%,#9628c859,#0000 70%),radial-gradient(55% 45% at 20% 75%,#4628c838,#0000 70%),radial-gradient(120% 100% at 50% 40%,#1a1434 0%,#0e0b1d 72%);position:relative;overflow:hidden;container:spina/size}.w-spina canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.w-spina canvas.drag{cursor:grabbing}.w-spina .ui{z-index:2;pointer-events:none;position:absolute;inset:0}.w-spina .ui>*{pointer-events:auto}.w-spina .legend{color:#f6f4fbd1;font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;gap:9px;display:grid;position:absolute;top:22px;left:22px}.w-spina .legend span{align-items:center;gap:10px;display:flex}.w-spina .legend span:before{content:"";background:var(--c);border-radius:2px;width:18px;height:2px}.w-spina .legend em{color:#f6f4fb80;margin-left:4px;font-style:normal}.w-spina .modes{align-items:center;gap:6px;display:flex;position:absolute;top:16px;right:16px}.w-spina .seg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;padding:3px;display:flex}.w-spina .seg button,.w-spina .tog{color:#f6f4fbb3;min-height:36px;font:600 11.5px/1 var(--f-sans);letter-spacing:-.005em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 11px;transition:background-color .25s,color .25s}.w-spina .seg button[aria-pressed=true]{color:#17132b;background:#f6f4fb}.w-spina .tog{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff1a;align-items:center;gap:6px;display:flex}.w-spina .tog i{background:#ffffff4d;border-radius:50%;width:8px;height:8px;transition:background-color .25s,box-shadow .25s}.w-spina .tog[aria-pressed=true]{color:#fff}.w-spina .tog[aria-pressed=true] i{background:var(--yellow);box-shadow:0 0 10px var(--yellow)}.w-spina button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.w-spina .lbls{pointer-events:none;position:absolute;inset:0}.w-spina .lbls svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.w-spina .lm{color:#ffd23f;font:600 9.5px/1 var(--f-mono);letter-spacing:.08em;text-shadow:0 1px 4px #000c;white-space:nowrap;opacity:0;transition:opacity .5s;position:absolute;transform:translate(-50%,-50%)}.w-spina .ann{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;opacity:0;background:#100c209e;border:1px solid #ffffff1f;border-radius:10px;gap:3px;padding:7px 10px;transition:opacity .5s;display:grid;position:absolute;transform:translateY(-50%)}.w-spina .ann small{color:#f6f4fb99;font:500 9.5px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase}.w-spina .ann b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.w-spina .ann.l{text-align:right;transform:translate(-100%,-50%)}.w-spina .on{opacity:1}.w-spina .tip{color:#17132b;white-space:nowrap;opacity:0;pointer-events:none;background:#f6f4fb;border-radius:10px;padding:8px 11px;transition:opacity .2s;position:absolute;top:0;left:0;transform:translate(14px,-50%);box-shadow:0 14px 30px -12px #0009}.w-spina .tip.on{opacity:1}.w-spina .tip b{letter-spacing:-.02em;font-size:14px;display:block}.w-spina .tip span{color:#4a4d57;font:500 10.5px/1.5 var(--f-mono);font-variant-numeric:tabular-nums}.w-spina .hint{bottom:calc(var(--safe-bottom) - 34px);color:#f6f4fb99;font:500 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;align-items:center;gap:8px;transition:opacity .6s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.w-spina .hint:before{content:"";background:radial-gradient(circle,#f6f4fb 0 3px,#0000 3.5px);border:1.5px solid #f6f4fb66;border-radius:50%;width:22px;height:22px;animation:2.4s ease-in-out infinite w-spina-swipe}@keyframes w-spina-swipe{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}.w-spina .hint.off{opacity:0}@container spina (max-width:460px){.w-spina .legend,.w-spina .hint{display:none}.w-spina .modes{gap:4px;top:12px;right:10px}.w-spina .seg button,.w-spina .tog{padding:6px 8px;font-size:10.5px}.w-spina .ann{border-radius:8px;padding:5px 7px}.w-spina .ann b{font-size:13px}.w-spina .ann small{font-size:8.5px}}@media (prefers-reduced-motion:reduce){.w-spina .hint:before{animation:none}}.w-spina .rep,.w-spina.pg .legend{display:none}.w-spina.pg .rep{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;background:#100c209e;border:1px solid #ffffff1f;border-radius:14px;gap:7px;min-width:200px;padding:13px 15px;transition:opacity .6s,transform .7s cubic-bezier(.2,.9,.3,1);display:grid;position:absolute;bottom:18px;left:18px;transform:translateY(8px)}.w-spina.pg .rep.on{opacity:1;transform:none}.w-spina .rep small{color:#f6f4fb99;font:500 9.5px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:3px}.w-spina .rep div{color:#f6f4fbcc;justify-content:space-between;gap:20px;font-size:13px;display:flex}.w-spina .rep b{color:#fff;font:500 12.5px/1.35 var(--f-mono);font-variant-numeric:tabular-nums}.w-spina.pg{background:radial-gradient(60% 50% at 28% 22%,#ff6a3d42,#0000 70%),radial-gradient(55% 45% at 82% 82%,#d9358e3d,#0000 70%),radial-gradient(120% 100% at 50% 40%,#1a1434 0%,#0e0b1d 72%)}.w-spina.pg .hint{bottom:24px;left:auto;right:18px;transform:none}