.fab[data-v-f092a4e3]{position:fixed;bottom:var(--fab-bottom, 32px);right:var(--fab-right, 16px);z-index:900;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--fab-size, 56px);height:var(--fab-size, 56px)}.fab--dragging[data-v-f092a4e3]{cursor:grabbing}.fab--pulso .fab__btn[data-v-f092a4e3]{animation:pulso-heartbeat-f092a4e3 5s ease-out infinite}.fab--pulso .fab__btn[data-v-f092a4e3]:hover{animation:none;transform:scale(1.06)}.fab--pulso.fab--dragging .fab__btn[data-v-f092a4e3]{animation:none}@keyframes pulso-heartbeat-f092a4e3{0%{transform:scale(1)}6%{transform:scale(1.05)}12%{transform:scale(1)}20%{transform:scale(1.05)}26%{transform:scale(1)}to{transform:scale(1)}}.fab--pulso[data-v-f092a4e3]:before,.fab--pulso[data-v-f092a4e3]:after{content:"";position:absolute;top:50%;left:50%;width:var(--fab-size, 56px);height:var(--fab-size, 56px);margin-top:calc(var(--fab-size, 56px) / -2);margin-left:calc(var(--fab-size, 56px) / -2);box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);pointer-events:none;opacity:0;z-index:1;animation:pulso-wave-lub-f092a4e3 5s ease-out infinite}.fab--pulso[data-v-f092a4e3]:after{animation-name:pulso-wave-dub-f092a4e3}@keyframes pulso-wave-lub-f092a4e3{0%,5%{transform:scale(1);opacity:0}6%{transform:scale(1);opacity:.45}20%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@keyframes pulso-wave-dub-f092a4e3{0%,19%{transform:scale(1);opacity:0}20%{transform:scale(1);opacity:.45}34%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion: reduce){.fab--pulso[data-v-f092a4e3]:before,.fab--pulso[data-v-f092a4e3]:after,.fab--pulso .fab__btn[data-v-f092a4e3]{animation:none}}.fab__svg-defs[data-v-f092a4e3]{position:absolute;width:0;height:0;overflow:hidden}.fab__btn[data-v-f092a4e3]{position:relative;width:var(--fab-size, 56px);height:var(--fab-size, 56px);border-radius:50%;border:none;padding:0;cursor:pointer;overflow:hidden;box-shadow:0 4px 20px #00000080,0 0 0 1px #ffffff1a,0 0 24px #3dbda726;transition:transform .2s ease,box-shadow .2s ease,background .5s ease}.fab[data-variant=transparent] .fab__btn[data-v-f092a4e3]{background:#0006;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.fab[data-variant=solid] .fab__btn[data-v-f092a4e3]{background:var(--pulse-bg, #14141a)}.fab[data-variant=dark] .fab__btn[data-v-f092a4e3]{background:#0a0a0f}.fab[data-variant=light] .fab__btn[data-v-f092a4e3]{background:#f4f4f7;box-shadow:0 4px 20px #0000002e,0 0 0 1px #00000014}.fab[data-variant=sunset] .fab__btn[data-v-f092a4e3],.fab[data-variant=midnight] .fab__btn[data-v-f092a4e3],.fab[data-variant=aurora] .fab__btn[data-v-f092a4e3],.fab[data-variant=vinyl] .fab__btn[data-v-f092a4e3]{background:var(--variant-bg-gradient);box-shadow:0 4px 20px #00000080,0 0 0 1px rgb(var(--variant-accent-rgb) / .25),0 0 28px rgb(var(--variant-accent-rgb) / .2)}.fab[data-variant=custom] .fab__btn[data-v-f092a4e3]{background:var(--pulse-custom-bg, transparent)}.fab__btn[data-v-f092a4e3]:hover{transform:scale(1.08);box-shadow:0 6px 28px #0009,0 0 0 1px #ffffff2e,0 0 32px #3dbda747}.fab__btn[data-v-f092a4e3]:active{transform:scale(.95)}.fab__btn[data-v-f092a4e3]:focus-visible{outline:2px solid var(--pulse-accent, #3dbda7);outline-offset:4px}.fab__cover[data-v-f092a4e3]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.fab__cover-img[data-v-f092a4e3]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.fab__cover-img--active[data-v-f092a4e3]{opacity:1}.fab__overlay[data-v-f092a4e3]{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.fab__noise[data-v-f092a4e3]{position:absolute;top:0;right:0;bottom:0;left:0;filter:url(#pulseFabNoise);opacity:.12;pointer-events:none}.fab__icon[data-v-f092a4e3]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffeb;z-index:2;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.fab[data-variant=light] .fab__icon[data-v-f092a4e3]{color:#14141a;filter:none}.fab__eq[data-v-f092a4e3]{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:1.5px;height:8px;z-index:2}.fab__eq[data-v-f092a4e3] i{display:block;width:2px;height:100%;border-radius:1px;background:var(--pulse-accent, #3dbda7);transform:scaleY(var(--bar-y, .2));transform-origin:50% 100%;transition:transform .05s linear}.fab__ring[data-v-f092a4e3]{position:absolute;top:0;left:0;pointer-events:none;z-index:3;transform:rotate(-90deg)}.fab__ring-track[data-v-f092a4e3]{stroke:#ffffff14}.fab[data-variant=light] .fab__ring-track[data-v-f092a4e3]{stroke:#0000001a}.fab__ring-progress[data-v-f092a4e3]{stroke:var(--pulse-accent, #3dbda7);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.fab__menu[data-v-f092a4e3]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fab__menu-btn[data-v-f092a4e3]{position:absolute;width:36px;height:36px;border-radius:50%;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;color:#ffffffd9;background:#0000008c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 12px #0006;transition:all .15s ease}.fab__menu-btn[data-v-f092a4e3]:hover{color:#fff;background:#ffffff24;transform:scale(1.1)}.fab__menu-btn--next[data-v-f092a4e3]{top:-10px;left:-40px}.fab__menu-btn--close[data-v-f092a4e3]{top:-10px;right:-40px}.fab__menu-btn--close[data-v-f092a4e3]:hover{color:#ef4444;border-color:#ef44444d}.fab-pop-enter-active[data-v-f092a4e3]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.fab-pop-leave-active[data-v-f092a4e3]{transition:all .2s ease-in}.fab-pop-enter-from[data-v-f092a4e3]{opacity:0;transform:scale(.3)}.fab-pop-leave-to[data-v-f092a4e3]{opacity:0;transform:scale(.5) translateY(20px)}.menu-pop-enter-active[data-v-f092a4e3]{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.menu-pop-leave-active[data-v-f092a4e3]{transition:all .15s ease-in}.menu-pop-enter-from[data-v-f092a4e3]{opacity:0}.menu-pop-enter-from .fab__menu-btn--next[data-v-f092a4e3]{transform:translate(20px,10px) scale(.5)}.menu-pop-enter-from .fab__menu-btn--close[data-v-f092a4e3]{transform:translate(-20px,10px) scale(.5)}.menu-pop-leave-to[data-v-f092a4e3]{opacity:0}@media (max-width: 767px){.fab[data-v-f092a4e3]{bottom:calc(var(--fab-bottom, 88px) + env(safe-area-inset-bottom,0px));right:calc(var(--fab-right, 12px))}}@media (prefers-reduced-motion: reduce){.fab[data-v-f092a4e3],.fab__btn[data-v-f092a4e3],.fab__cover[data-v-f092a4e3],.fab__cover-img[data-v-f092a4e3],.fab__overlay[data-v-f092a4e3],.fab__ring-progress[data-v-f092a4e3],.fab__menu-btn[data-v-f092a4e3],.fab__eq[data-v-f092a4e3] i{transition:none!important}.fab-pop-enter-active[data-v-f092a4e3],.fab-pop-leave-active[data-v-f092a4e3],.menu-pop-enter-active[data-v-f092a4e3],.menu-pop-leave-active[data-v-f092a4e3]{transition:opacity .1s!important}}.mp[data-v-a0b89eae]{--pulse-scale: 1;--pulse-pad: calc(14px * var(--pulse-scale));--pulse-radius: calc(18px * var(--pulse-scale));--pulse-art: calc(136px * var(--pulse-scale));--pulse-art-radius: calc(10px * var(--pulse-scale));--pulse-title: max(13px, calc(26px * var(--pulse-scale)));--pulse-meta: max(8px, calc(10px * var(--pulse-scale)));--pulse-icon: max(11px, calc(17px * var(--pulse-scale)));--pulse-btn: max(22px, calc(34px * var(--pulse-scale)));--pulse-btn-icon: max(13px, calc(18px * var(--pulse-scale)));--pulse-bar-h: calc(3px * var(--pulse-scale));--pulse-bar-h-hov: calc(5px * var(--pulse-scale));--pulse-eq-h: max(8px, calc(13px * var(--pulse-scale)));--pulse-eq-w: max(2px, calc(3px * var(--pulse-scale)));--pulse-eq-gap: calc(2px * var(--pulse-scale));--pulse-icon-gap: max(5px, calc(9px * var(--pulse-scale)));--pulse-row-gap: calc(7px * var(--pulse-scale));--pulse-spacer: calc(10px * var(--pulse-scale));--pulse-shadow: calc(6px * var(--pulse-scale)) calc(24px * var(--pulse-scale)) rgba(0, 0, 0, .5);position:relative;display:flex;align-items:center;gap:var(--pulse-pad);padding:var(--pulse-pad);border-radius:var(--pulse-radius);overflow:hidden;color:var(--pulse-text, #ffffff);background:var(--pulse-bg, #14141a);box-shadow:inset 0 0 0 1px #ffffff14;transition:max-width .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),gap .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1);font-size:var(--pulse-title);line-height:1.1}.mp[data-variant=auto][data-v-a0b89eae]{background:transparent}.mp[data-variant=transparent][data-v-a0b89eae]{background:transparent;box-shadow:inset 0 0 0 1px #ffffff1a}.mp[data-variant=solid][data-v-a0b89eae]{background:var(--pulse-bg, #14141a)}.mp[data-variant=dark][data-v-a0b89eae]{background:#0a0a0f}.mp[data-variant=light][data-v-a0b89eae]{background:#f4f4f7;color:#14141a;box-shadow:inset 0 0 0 1px #00000014}.mp[data-variant=sunset][data-v-a0b89eae],.mp[data-variant=midnight][data-v-a0b89eae],.mp[data-variant=aurora][data-v-a0b89eae],.mp[data-variant=vinyl][data-v-a0b89eae]{background:var(--variant-bg-gradient);box-shadow:inset 0 0 0 1px rgb(var(--variant-accent-rgb) / .18)}.mp[data-variant=vinyl][data-v-a0b89eae]{color:#f5f0e8}.mp[data-variant=custom][data-v-a0b89eae]{background:var(--pulse-custom-bg, transparent)}.mp[data-fab=true][data-v-a0b89eae]{max-width:56px;aspect-ratio:1 / 1;height:auto;border-radius:50%;padding:0;gap:0;overflow:visible;background:transparent;box-shadow:0 6px 24px #00000080,0 0 0 1px #ffffff1a;transition:max-width .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),gap .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1)}.mp__body[data-v-a0b89eae]{max-width:999px;max-height:999px;opacity:1;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.mp[data-fab=true] .mp__body[data-v-a0b89eae]{opacity:0;max-width:0;max-height:0;padding:0;pointer-events:none}.mp__bar[data-v-a0b89eae]{opacity:1;transition:opacity .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1)}.mp[data-fab=true] .mp__bar[data-v-a0b89eae]{opacity:0;height:0;pointer-events:none}.mp__bg[data-v-a0b89eae],.mp__noise[data-v-a0b89eae]{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.mp[data-fab=true] .mp__bg[data-v-a0b89eae],.mp[data-fab=true] .mp__noise[data-v-a0b89eae]{opacity:0}.mp__art[data-v-a0b89eae]{transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.mp[data-fab=true] .mp__art[data-v-a0b89eae]{width:100%;height:100%;border-radius:50%;box-shadow:none;cursor:pointer;z-index:1}.mp[data-fab=true] .mp__art-img[data-v-a0b89eae]{border-radius:50%}.mp[data-fab=true] .mp__art-hover[data-v-a0b89eae]{opacity:0!important;pointer-events:none}.mp__fab-chrome[data-v-a0b89eae]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;visibility:hidden;z-index:2;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s}.mp[data-fab=true] .mp__fab-chrome[data-v-a0b89eae]{opacity:1;visibility:visible;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility 0s}.mp__fab-bg[data-v-a0b89eae]{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;width:136%;height:136%;background-size:cover;background-position:center;filter:blur(22px) saturate(1.25);opacity:.55;border-radius:50%;pointer-events:none;transition:background-image .5s ease}.mp__fab-overlay[data-v-a0b89eae]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:none}.mp__fab-icon[data-v-a0b89eae]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fffffff2;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.mp__fab-icon svg[data-v-a0b89eae]{width:36%;height:36%;stroke-width:2.5}.mp__fab-eq[data-v-a0b89eae]{position:absolute;bottom:14%;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:1.5px;height:11%;pointer-events:none;opacity:0;transition:opacity .2s ease}.mp__fab-eq--on[data-v-a0b89eae]{opacity:1}.mp__fab-eq[data-v-a0b89eae] i{display:block;width:2px;height:100%;border-radius:1px;background:#1db954;transform:scaleY(var(--bar-y, .2));transform-origin:50% 100%;transition:transform .05s linear}.mp__fab-ring[data-v-a0b89eae]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:rotate(-90deg)}.mp__fab-ring-track[data-v-a0b89eae]{stroke:#ffffff1a}.mp__fab-ring-progress[data-v-a0b89eae]{stroke:var(--pulse-accent, #3dbda7);stroke-linecap:round;transition:stroke-dashoffset .3s ease}.mp[data-fab=true] .mp__resize[data-v-a0b89eae]{bottom:-2px;right:-2px;width:22px;height:22px;padding:0;background:#000000a6;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#ffffffeb;display:flex;align-items:center;justify-content:center;z-index:6;cursor:nwse-resize;box-shadow:0 2px 6px #00000073;transition:color .15s ease,transform .15s ease,background .35s ease,border .35s ease,border-radius .35s ease,width .35s ease,height .35s ease,bottom .35s ease,right .35s ease,box-shadow .35s ease}.mp[data-fab=true] .mp__resize svg[data-v-a0b89eae]{width:11px;height:11px}.mp[data-narrow=true] .mp__now-label[data-v-a0b89eae]{display:none}.mp[data-narrow=true] .mp__icons[data-v-a0b89eae]{gap:max(4px,calc(6px * var(--pulse-scale)))}.mp[data-compact=true][data-v-a0b89eae]{--pulse-art: calc(80px * var(--pulse-scale));--pulse-title: calc(15px * var(--pulse-scale));--pulse-pad: calc(10px * var(--pulse-scale))}.mp[data-compact=true] .mp__top[data-v-a0b89eae],.mp[data-compact=true] .mp__spacer[data-v-a0b89eae]{display:none}.mp[data-compact=true] .mp__body[data-v-a0b89eae]{justify-content:center;gap:calc(var(--pulse-pad) * .4)}.mp[data-compact=true] .mp__meta[data-v-a0b89eae]{margin-bottom:0}.mp[data-compact=true] .mp__controls[data-v-a0b89eae]{gap:calc(var(--pulse-pad) * .4)}.mp[data-compact=true] .mp__btn[data-v-a0b89eae]{width:calc(var(--pulse-btn) * .75);height:calc(var(--pulse-btn) * .75)}.mp[data-compact=true] .mp__btn svg[data-v-a0b89eae]{width:calc(var(--pulse-btn-icon) * .8);height:calc(var(--pulse-btn-icon) * .8)}.mp__filters[data-v-a0b89eae]{position:absolute;width:0;height:0;overflow:hidden}.mp__bg[data-v-a0b89eae]{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;width:120%;height:120%;background-image:var(--pulse-cover);background-size:cover;background-position:center;filter:blur(40px) saturate(1.2);opacity:1;pointer-events:none;z-index:0;transition:background-image .6s ease}.mp__ambient[data-v-a0b89eae]{position:absolute;left:0;right:0;bottom:var(--pulse-bar-h);height:22%;max-height:28px;display:flex;align-items:flex-end;gap:1px;padding:0;pointer-events:none;z-index:0;opacity:.32;overflow:hidden;contain:layout style paint;transform:translateZ(0)}.mp__ambient i[data-v-a0b89eae]{flex:1 1 0;min-width:0;height:100%;border-radius:1px 1px 0 0;background:linear-gradient(to top,var(--bar-c, #1db954),transparent);transform:scaleY(.14);transform-origin:50% 100%;transition:transform .4s ease}.mp__ambient--playing i[data-v-a0b89eae]{animation:mp-ambient-wave-a0b89eae 2.6s ease-in-out infinite;animation-delay:calc(var(--bar-idx, 0) * -.21s)}@keyframes mp-ambient-wave-a0b89eae{0%,to{transform:scaleY(.16)}50%{transform:scaleY(.72)}}.mp[data-variant=light] .mp__ambient[data-v-a0b89eae]{opacity:.38}.mp[data-fab=true] .mp__ambient[data-v-a0b89eae]{display:none}.mp__noise[data-v-a0b89eae]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:240px 240px}.mp[data-variant=light] .mp__noise[data-v-a0b89eae]{opacity:.18;mix-blend-mode:multiply}.mp__art[data-v-a0b89eae]{position:relative;z-index:1;flex-shrink:0;width:var(--pulse-art);height:var(--pulse-art);border-radius:var(--pulse-art-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 var(--pulse-shadow),inset 0 0 0 1px #ffffff14;overflow:hidden}.mp[data-variant=light] .mp__art[data-v-a0b89eae]{box-shadow:0 var(--pulse-shadow),inset 0 0 0 1px #00000014}.mp__art-img[data-v-a0b89eae]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity .25s ease}.mp__art-img--active[data-v-a0b89eae]{opacity:1}.mp__art-hover[data-v-a0b89eae]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#ffffffeb;opacity:0;transition:opacity .2s}.mp__art:hover .mp__art-hover[data-v-a0b89eae]{opacity:1}.mp__art-hover svg[data-v-a0b89eae]{width:calc(var(--pulse-art) * .28);height:calc(var(--pulse-art) * .28)}.mp__body[data-v-a0b89eae]{flex:1;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;min-height:0;overflow:hidden;padding-right:calc(var(--pulse-pad) / 2);z-index:1}.mp__top[data-v-a0b89eae],.mp__meta[data-v-a0b89eae],.mp__controls[data-v-a0b89eae]{width:100%}.mp__top[data-v-a0b89eae]{display:flex;align-items:center;justify-content:space-between;gap:var(--pulse-pad)}.mp__now[data-v-a0b89eae]{display:flex;align-items:center;gap:var(--pulse-row-gap);flex-shrink:0;min-width:0}.mp__now-label[data-v-a0b89eae]{font-size:var(--pulse-meta);font-weight:600;color:var(--pulse-text-muted, rgba(255, 255, 255, .45));letter-spacing:.14em;white-space:nowrap}.mp[data-variant=light] .mp__now-label[data-v-a0b89eae]{color:#14141a8c}.mp[data-variant=vinyl] .mp__now-label[data-v-a0b89eae]{color:#f5f0e880}.mp__eq[data-v-a0b89eae]{display:flex;align-items:flex-end;gap:var(--pulse-eq-gap);height:var(--pulse-eq-h)}.mp__eq[data-v-a0b89eae] i{display:block;width:var(--pulse-eq-w);height:100%;border-radius:calc(var(--pulse-eq-w) / 2);background:#1db954;transform:scaleY(var(--bar-y, .15));transform-origin:50% 100%;transition:transform .05s linear}.mp__icons[data-v-a0b89eae]{display:flex;align-items:center;gap:var(--pulse-icon-gap);flex-shrink:0}.mp__icon-link[data-v-a0b89eae]{display:inline-flex;align-items:center;justify-content:center;width:var(--pulse-icon);height:var(--pulse-icon);color:var(--pulse-text-muted, rgba(255, 255, 255, .4));transition:color .15s,transform .15s;text-decoration:none}.mp__icon-link[data-v-a0b89eae]:not(.mp__icon-link--decorative){cursor:pointer}.mp__icon-link--decorative[data-v-a0b89eae]{cursor:default;pointer-events:none}.mp__icon-link[data-v-a0b89eae]:hover{color:var(--pulse-text, rgba(255, 255, 255, .95));transform:translateY(-1px)}.mp__icon-link svg[data-v-a0b89eae]{display:block;width:100%;height:100%}.mp[data-variant=light] .mp__icon-link[data-v-a0b89eae]{color:#14141a80}.mp[data-variant=light] .mp__icon-link[data-v-a0b89eae]:hover{color:#14141a}.mp[data-variant=vinyl] .mp__icon-link[data-v-a0b89eae]{color:#f5f0e866}.mp[data-variant=vinyl] .mp__icon-link[data-v-a0b89eae]:hover{color:#f5f0e8}.mp__icon-link--spotify[data-v-a0b89eae]{color:#1db954;opacity:.92}.mp__icon-link--spotify[data-v-a0b89eae]:hover{color:#1db954;opacity:1}.mp__spacer[data-v-a0b89eae]{flex:1;min-height:var(--pulse-spacer)}.mp__meta[data-v-a0b89eae]{margin-bottom:calc(var(--pulse-pad) / 3);min-width:0}.mp__title[data-v-a0b89eae]{font-size:var(--pulse-title);font-weight:800;color:var(--pulse-text, #ffffff);margin:0;line-height:1.1;letter-spacing:-.01em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.25)}.mp[data-variant=light] .mp__title[data-v-a0b89eae]{text-shadow:none;color:#14141a}.mp[data-variant=transparent] .mp__title[data-v-a0b89eae]{text-shadow:0 1px 6px rgba(0,0,0,.4)}.mp[data-variant=vinyl] .mp__title[data-v-a0b89eae]{color:#f5f0e8;text-shadow:0 1px 6px rgba(0,0,0,.5)}.mp__controls[data-v-a0b89eae]{display:flex;align-items:center;gap:calc(var(--pulse-pad) * .75)}.mp__btn[data-v-a0b89eae]{display:inline-flex;align-items:center;justify-content:center;width:var(--pulse-btn);height:var(--pulse-btn);background:transparent;border:none;border-radius:50%;color:var(--pulse-text-muted, rgba(255, 255, 255, .5));cursor:pointer;padding:0;transition:color .15s ease,transform .12s ease}.mp__btn svg[data-v-a0b89eae]{width:var(--pulse-btn-icon);height:var(--pulse-btn-icon)}.mp__btn[data-v-a0b89eae]:hover{color:var(--pulse-text, rgba(255, 255, 255, .95));transform:scale(1.1)}.mp__btn[data-v-a0b89eae]:focus-visible,.mp__art[data-v-a0b89eae]:focus-visible,.mp__bar[data-v-a0b89eae]:focus-visible,.mp__icon-link[data-v-a0b89eae]:focus-visible,.mp__resize[data-v-a0b89eae]:focus-visible{outline:2px solid var(--pulse-accent, #3dbda7);outline-offset:2px;border-radius:4px}.mp[data-variant=light] .mp__btn[data-v-a0b89eae]{color:#14141a8c}.mp[data-variant=light] .mp__btn[data-v-a0b89eae]:hover{color:#14141a}.mp[data-variant=vinyl] .mp__btn[data-v-a0b89eae]{color:#f5f0e899}.mp[data-variant=vinyl] .mp__btn[data-v-a0b89eae]:hover{color:#f5f0e8}.mp__bar[data-v-a0b89eae]{position:absolute;bottom:0;left:0;right:0;height:var(--pulse-bar-h);background:#ffffff12;cursor:pointer;transition:height .12s;z-index:3}.mp[data-variant=light] .mp__bar[data-v-a0b89eae]{background:#00000012}.mp__bar[data-v-a0b89eae]:hover{height:var(--pulse-bar-h-hov)}.mp__fill[data-v-a0b89eae]{height:100%;background:#fff6;position:relative;transition:background .12s}.mp[data-variant=light] .mp__fill[data-v-a0b89eae]{background:#14141a59}.mp__bar:hover .mp__fill[data-v-a0b89eae]{background:var(--pulse-accent, #3dbda7)}.mp__dot[data-v-a0b89eae]{position:absolute;right:calc(-1 * var(--pulse-bar-h-hov));top:50%;transform:translateY(-50%) scale(0);width:calc(var(--pulse-bar-h-hov) * 2);height:calc(var(--pulse-bar-h-hov) * 2);background:#fff;border-radius:50%;box-shadow:0 1px 4px #0009;transition:transform .12s}.mp__bar:hover .mp__dot[data-v-a0b89eae]{transform:translateY(-50%) scale(1)}.mp__resize[data-v-a0b89eae]{position:absolute;bottom:0;right:0;width:22px;height:22px;z-index:4;display:flex;align-items:flex-end;justify-content:flex-end;padding:3px;cursor:nwse-resize;color:#ffffff59;touch-action:none;user-select:none;-webkit-user-select:none;transition:color .15s ease,transform .15s ease}.mp__resize[data-v-a0b89eae]:hover{color:#ffffffeb;transform:scale(1.15)}.mp__resize--active[data-v-a0b89eae]{color:var(--pulse-accent, #3dbda7)}.mp[data-variant=light] .mp__resize[data-v-a0b89eae]{color:#14141a66}.mp[data-variant=light] .mp__resize[data-v-a0b89eae]:hover{color:#14141aeb}@media (prefers-reduced-motion: reduce){.mp__ambient[data-v-a0b89eae]{display:none}.mp[data-v-a0b89eae],.mp__btn[data-v-a0b89eae],.mp__bg[data-v-a0b89eae],.mp__noise[data-v-a0b89eae],.mp__fill[data-v-a0b89eae],.mp__bar[data-v-a0b89eae],.mp__dot[data-v-a0b89eae],.mp__icon-link[data-v-a0b89eae],.mp__body[data-v-a0b89eae],.mp__art[data-v-a0b89eae],.mp__art-img[data-v-a0b89eae],.mp__art-hover[data-v-a0b89eae],.mp__fab-chrome[data-v-a0b89eae],.mp__fab-bg[data-v-a0b89eae],.mp__fab-ring-progress[data-v-a0b89eae],.mp__ambient[data-v-a0b89eae],.mp__ambient i[data-v-a0b89eae],.mp__eq i[data-v-a0b89eae],.mp__fab-eq[data-v-a0b89eae] i{transition:none!important}.mp__resize[data-v-a0b89eae]{transition:color .1s ease}}.intro[data-v-14721ba4]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:radial-gradient(circle at center,#0a0b23,#05050a 60%,#000);display:grid;place-items:center;pointer-events:auto}.intro__dot[data-v-14721ba4]{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#f59e0b 0%,rgba(245,158,11,.6) 40%,transparent 70%);opacity:0;filter:blur(2px);will-change:transform,opacity}.intro__logo[data-v-14721ba4]{opacity:0;will-change:transform,opacity;filter:drop-shadow(0 12px 32px rgba(245,158,11,.25))}.intro__skip[data-v-14721ba4]{position:absolute;bottom:32px;right:32px;background:transparent;color:#ffffff8c;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 16px;font-family:Geist Mono,ui-monospace,SF Mono,Consolas,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .2s ease-out,border-color .2s ease-out}.intro__skip[data-v-14721ba4]:hover{color:#ffffffe6;border-color:#ffffff80}.display[data-v-7b8a7698]{padding:clamp(96px,22vh,220px) clamp(24px,6vw,80px);max-width:1400px;margin:0 auto;text-align:left}.display__eyebrow[data-v-7b8a7698]{font-family:Geist Mono,ui-monospace,SF Mono,Consolas,monospace;font-weight:500;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-amber, #f59e0b);margin:0 0 24px}.display__h[data-v-7b8a7698]{font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-variation-settings:"wght" 800;font-size:clamp(48px,9vw,144px);line-height:.96;letter-spacing:-.038em;margin:0;background:linear-gradient(100deg,#fffffff7,#ffe8c3db 55%,#d6b282bd);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}.bars[data-v-0507e787]{width:100%;height:clamp(80px,14vh,160px);position:relative;margin-block:clamp(-32px,-4vh,-64px) clamp(48px,8vh,96px);margin-inline:0;padding:0;pointer-events:none;display:flex;justify-content:center;isolation:isolate}.bars[data-v-0507e787]:before{content:"";position:absolute;top:-10%;right:6%;bottom:0;left:6%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 100% at 50% 100%,rgba(245,158,11,.18) 0%,rgba(236,72,153,.1) 40%,transparent 100%);mix-blend-mode:screen}.bars__canvas[data-v-0507e787]{display:block;width:100%;height:100%;mix-blend-mode:screen;margin:0 auto}@media (max-width: 720px){.bars[data-v-0507e787]{height:clamp(72px,12vh,110px);margin-top:clamp(-16px,-2vh,-32px);margin-bottom:clamp(28px,5vh,48px);padding:0}}:root{--pulse-accent: #3dbda7;--pulse-bg: #14141a;--pg-bg: #05050a;--pg-surface: rgba(255, 255, 255, .04);--pg-border: rgba(255, 255, 255, .07);--pg-text: #ffffff;--pg-text-mid: rgba(255, 255, 255, .65);--pg-text-low: rgba(255, 255, 255, .55);--pg-accent: #3dbda7}*{box-sizing:border-box}html,body,#app{margin:0;background:var(--pg-bg);color:var(--pg-text);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh}a{color:inherit}code{background:#ffffff14;padding:2px 6px;border-radius:4px;font-size:.88em;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace}.app{width:100%}.showcase{position:relative;isolation:isolate;width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:clamp(24px,6vw,80px) clamp(20px,5vw,64px)}.showcase--clean{background:transparent}.showcase__backdrop{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-image:var(--hero-cover);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(60px) saturate(1.4) brightness(.85);transform:scale(1.15);z-index:-1}.showcase__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 30%,rgba(0,0,0,.35) 100%)}.showcase__player{width:min(720px,100%);filter:drop-shadow(0 24px 50px rgba(0,0,0,.45))}.hero{position:relative;isolation:isolate;padding:clamp(80px,12vw,160px) 24px clamp(80px,12vw,140px);overflow:hidden;text-align:center}.hero__backdrop{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background-image:var(--hero-cover-blur, var(--hero-cover));background-size:cover;background-position:center;opacity:.38;z-index:-2;transform:scale(1.18);transition:background-image .6s ease}.hero__backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,transparent 0%,rgba(5,5,10,.42) 55%,rgba(5,5,10,.78) 100%);pointer-events:none}.hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,0,0,0) 0%,var(--pg-bg) 90%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(0,0,0,.6) 0%,transparent 70%);z-index:-1;pointer-events:none}.hero__inner{width:min(84vw,1640px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(20px,2vw,48px)}.hero__badge{padding:7px 14px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--pg-text);background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero__title{font-size:clamp(36px,5.4vw,132px);font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:0;color:#f5f6fa;max-width:min(20ch,100%)}.hero__title .kinetic-char{color:#f5f6fa;-webkit-text-fill-color:currentColor}.hero__title{word-break:keep-all;overflow-wrap:normal;text-wrap:balance}.hero__lede{font-size:clamp(16px,1.25vw,28px);line-height:1.55;color:var(--pg-text-mid);max-width:min(64ch,100%);margin:0}.hero__player{width:100%;max-width:680px;margin-top:8px;filter:drop-shadow(0 30px 60px rgba(0,0,0,.45))}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:4px}.cta{display:inline-flex;align-items:center;gap:clamp(8px,.6vw,14px);padding:clamp(12px,.9vw,22px) clamp(22px,1.6vw,40px);font-size:clamp(14px,1vw,22px);font-weight:600;letter-spacing:0;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease;font-family:inherit}.cta--primary{background:linear-gradient(135deg,#1db954,#15a047);color:#fff;box-shadow:0 8px 24px #1db9544d,inset 0 0 0 1px #ffffff26}.cta--primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1db95466,inset 0 0 0 1px #fff3}.cta--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.cta--primary .cta__icon{display:inline-flex;align-items:center;justify-content:center}.cta--ghost{background:#ffffff0f;color:var(--pg-text);border-color:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta--ghost:hover{background:#ffffff1f}.cta--ghost:disabled{opacity:.4;cursor:not-allowed}.cta--text{background:transparent;color:var(--pg-text-mid);border-color:transparent;padding:12px 14px}.cta--text:hover{color:var(--pg-text)}.cta--sm{padding:9px 16px;font-size:13px}.cta__arrow{transition:transform .15s ease}.cta:hover .cta__arrow{transform:translate(3px)}@property --spotlight-x{syntax: "<length>"; inherits: true; initial-value: 50vw;}@property --spotlight-y{syntax: "<length>"; inherits: true; initial-value: 50vh;}@property --spotlight-radius{syntax: "<length>"; inherits: true; initial-value: 220px;}@property --spotlight-soft{syntax: "<length>"; inherits: true; initial-value: 80px;}.demo-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:800;pointer-events:none;backdrop-filter:blur(3px) saturate(.95);-webkit-backdrop-filter:blur(3px) saturate(.95);-webkit-mask:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y),transparent calc(var(--spotlight-radius) - var(--spotlight-soft) / 2),black calc(var(--spotlight-radius) + var(--spotlight-soft)));mask:radial-gradient(circle at var(--spotlight-x) var(--spotlight-y),transparent calc(var(--spotlight-radius) - var(--spotlight-soft) / 2),black calc(var(--spotlight-radius) + var(--spotlight-soft)));transition:--spotlight-x .7s cubic-bezier(.4,0,.2,1),--spotlight-y .7s cubic-bezier(.4,0,.2,1),--spotlight-radius .7s cubic-bezier(.4,0,.2,1),--spotlight-soft .7s cubic-bezier(.4,0,.2,1),opacity .55s ease,backdrop-filter .55s ease}.demo-spotlight-enter-active,.demo-spotlight-leave-active{transition:opacity .55s ease,backdrop-filter .55s ease}.demo-spotlight-enter-from,.demo-spotlight-leave-to{opacity:0}@media (prefers-reduced-motion: reduce){.demo-spotlight{transition:opacity .2s ease}}body.tour-running .mp,body.tour-running .mp[data-fab=true],body.tour-running .mp .mp__body,body.tour-running .mp[data-fab=true] .mp__body,body.tour-running .mp .mp__bar,body.tour-running .mp[data-fab=true] .mp__bar,body.tour-running .mp .mp__fab-chrome,body.tour-running .mp[data-fab=true] .mp__fab-chrome{transition-duration:.55s!important;transition-timing-function:cubic-bezier(.65,0,.35,1)!important}.demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 24px 0;gap:18px}.demo-overlay__caption{margin:0;max-width:720px;text-align:center;font-size:clamp(15px,1.6vw,19px);font-weight:500;line-height:1.4;letter-spacing:-.005em;color:#fffffff5;text-shadow:0 1px 3px rgba(0,0,0,.7),0 4px 18px rgba(0,0,0,.45);pointer-events:none}.demo-caption-enter-active,.demo-caption-leave-active{transition:opacity .32s ease,transform .32s ease}.demo-caption-enter-from{opacity:0;transform:translateY(-4px)}.demo-caption-leave-to{opacity:0;transform:translateY(4px)}.demo-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 5px;background:#0a0c12c7;border:1px solid rgba(255,255,255,.08);border-radius:999px;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 14px 38px #0000008c,0 1px #ffffff0a inset;pointer-events:auto;font-family:inherit;color:#ffffffd9}.demo-pill__nav{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;color:#ffffff9e;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.demo-pill__nav:hover{background:#ffffff1a;color:#fff}.demo-pill__nav:active{transform:scale(.92)}.demo-pill__nav:disabled{opacity:.3;cursor:not-allowed}.demo-pill__nav:disabled:hover{background:transparent;color:#ffffff9e}.demo-pill__dots{display:inline-flex;align-items:center;gap:6px;padding:0 8px}.demo-pill__dot{width:6px;height:6px;padding:0;background:#ffffff38;border:0;border-radius:999px;cursor:pointer;transition:width .28s cubic-bezier(.22,.61,.36,1),background .2s ease,transform .15s ease}.demo-pill__dot:hover{background:#ffffff73;transform:scale(1.15)}.demo-pill__dot--active{width:22px;background:#1db954;box-shadow:0 0 12px #1db95480}.demo-pill__dot--active:hover{background:#1db954;transform:none}.demo-pill__divider{width:1px;height:18px;background:#ffffff1a;margin:0 4px}.demo-pill__count{font-size:11.5px;font-weight:600;letter-spacing:.04em;color:#ffffff8c;padding:0 6px;white-space:nowrap;font-variant-numeric:tabular-nums}.demo-pill__pause{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#ffffffd9;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease,color .15s ease;font-family:inherit}.demo-pill__pause:hover{background:#ffffff1f;color:#fff}.demo-pill__pause:active{transform:scale(.92)}.demo-pill__pause--paused{background:#1db9542e;border-color:#1db95466;color:#1db954}.demo-pill__pause--paused:hover{background:#1db95447}.demo-pill__stop{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-family:inherit;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:#ffffffeb;background:#ff4e4e2e;border:1px solid rgba(255,78,78,.3);border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.demo-pill__stop:hover{background:#ff4e4e47;border-color:#ff4e4e80;transform:translateY(-1px)}.demo-overlay-enter-active,.demo-overlay-leave-active{transition:opacity .3s ease}.demo-overlay-enter-from,.demo-overlay-leave-to{opacity:0}.demo-overlay-enter-active .demo-pill,.demo-overlay-leave-active .demo-pill{transition:transform .4s cubic-bezier(.22,.61,.36,1),opacity .3s ease}.demo-overlay-enter-from .demo-pill,.demo-overlay-leave-to .demo-pill{transform:translateY(-24px);opacity:0}@media (max-width: 640px){.demo-overlay{padding:16px 12px 0;gap:12px}.demo-overlay__caption{font-size:14px;max-width:90vw}.demo-pill__divider,.demo-pill__count,.demo-pill__stop-label{display:none}.demo-pill__stop{padding:6px 10px}}.section{width:min(86vw,1880px);margin:0 auto;padding:clamp(60px,6vw,140px) clamp(24px,3vw,72px)}.section--narrow{width:min(86vw,1280px)}.section__eyebrow{font-size:clamp(11px,.85vw,16px);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--pg-accent);margin:0 0 clamp(12px,1vw,20px)}.section__h{font-size:clamp(32px,3.6vw,96px);font-weight:700;letter-spacing:-.025em;line-height:1.08;margin:0 0 clamp(14px,1.2vw,28px)}.section__sub{font-size:clamp(16px,1.3vw,30px);line-height:1.6;color:var(--pg-text-mid);max-width:min(72ch,100%);margin:0 0 clamp(28px,2.4vw,56px)}.resize-stage{display:flex;flex-direction:column;align-items:center;gap:32px;padding:28px;background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:24px;width:fit-content;min-width:680px;min-height:233px;max-width:100%;margin:0 auto}.resize-stage__player{display:flex;justify-content:center;width:100%;transition:max-width .2s ease}.resize-controls{display:flex;flex-direction:column;gap:14px}.presets{display:flex;gap:6px;padding:4px;background:#00000059;border-radius:999px;align-self:center}.presets__btn{width:44px;height:32px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--pg-text-mid);background:transparent;border:none;border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease;font-family:inherit}.presets__btn:hover{color:var(--pg-text)}.presets__btn--active{color:#0a0a0f;background:#fff}.slider{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;width:100%;max-width:520px;margin:0 auto}.slider__label,.slider__value{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pg-text-low);font-variant-numeric:tabular-nums}.slider__value{color:var(--pg-text);text-transform:none}.slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:4px;outline:none}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--pg-accent);border-radius:50%;cursor:pointer;box-shadow:0 0 0 4px #3dbda72e;transition:transform .1s ease}.slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--pg-accent);border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 0 4px #3dbda72e}.drag-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding:28px;background:var(--pg-surface);border:1px solid var(--pg-border);border-radius:24px;width:fit-content;min-width:680px;min-height:233px;max-width:100%;margin:0 auto}.drag-stage>.mp{margin:0}.drag-stage__hint{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--pg-text-mid);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;margin-bottom:22px}.drag-stage__dot{width:6px;height:6px;border-radius:50%;background:var(--pg-accent);box-shadow:0 0 0 4px #3dbda72e;animation:hint-pulse 2.2s ease-in-out infinite}@keyframes hint-pulse{0%,to{box-shadow:0 0 0 4px #3dbda72e}50%{box-shadow:0 0 0 8px #3dbda70f}}.drag-stage__icon{display:inline-flex;align-items:center;color:var(--pg-accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.grid__cell{display:flex;flex-direction:column;gap:10px}.grid__label{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid__label-name{font-size:13px;font-weight:700;letter-spacing:-.005em}.grid__label-code{font-size:11px;color:var(--pg-text-low);background:#ffffff0d;padding:3px 8px;border-radius:4px}.grid__caption{color:var(--pg-text-low);font-size:12.5px;line-height:1.5;margin:6px 0 0}.responsive{display:flex;flex-direction:column;gap:26px;align-items:flex-start;max-width:100%;overflow-x:auto;padding-bottom:4px}.responsive__cell{max-width:100%}.responsive__rule{font-size:11px;color:var(--pg-text-low);letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:10px}.responsive__frame{max-width:100%}.palette{display:flex;flex-wrap:wrap;gap:8px}.palette__group-label{margin:22px 0 12px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--pg-text-mid)}.palette__chip{padding:9px 16px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--pg-text-mid);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:999px;cursor:pointer;transition:all .15s ease;font-family:inherit}.palette__chip:hover{color:var(--pg-text);background:#ffffff1a}.palette__chip--active{color:var(--pg-accent);background:#3dbda71f;border-color:#3dbda766}.palette__hint{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.palette__note{margin:12px 0 0;font-size:12.5px;color:var(--pg-text-low)}.palette__note code{background:#3dbda71f;color:var(--pg-accent);padding:2px 6px;border-radius:4px}.pulso-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--pg-text-mid);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:999px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.pulso-toggle:hover{color:var(--pg-text);background:#ffffff14}.pulso-toggle input{position:absolute;opacity:0;pointer-events:none}.pulso-toggle__dot{width:8px;height:8px;border-radius:50%;background:#ffffff2e;transition:background .2s ease,box-shadow .2s ease}.pulso-toggle--on{color:var(--pg-accent);background:#3dbda71f;border-color:#3dbda766}.pulso-toggle--on .pulso-toggle__dot{background:var(--pg-accent);box-shadow:0 0 0 3px #3dbda740;animation:pulso-toggle-pulse 1.6s ease-in-out infinite}@keyframes pulso-toggle-pulse{0%,to{box-shadow:0 0 0 3px #3dbda740}50%{box-shadow:0 0 0 6px #3dbda71a}}.pulso-toggle--highlight{position:relative;z-index:1000;border-color:#3dbda7b3;background:#3dbda729;color:var(--pg-accent)}.pulso-toggle--highlight:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:2px solid var(--pg-accent);pointer-events:none;transform-origin:center;animation:pulso-toggle-wave 1.6s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulso-toggle-wave{0%{transform:scale(1);opacity:.85}to{transform:scale(1.5);opacity:0}}@media (prefers-reduced-motion: reduce){.pulso-toggle--highlight:after{animation:none;opacity:0}.pulso-toggle--on .pulso-toggle__dot{animation:none}}.ambient-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 16px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--pg-text-mid);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:999px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ambient-toggle:hover{color:var(--pg-text);background:#ffffff14}.ambient-toggle input{position:absolute;opacity:0;pointer-events:none}.ambient-toggle__dot{width:8px;height:8px;border-radius:50%;background:#ffffff2e;transition:background .2s ease,box-shadow .2s ease}.ambient-toggle--on{color:#1db954;background:#1db9541a;border-color:#1db95466}.ambient-toggle--on .ambient-toggle__dot{background:#1db954;box-shadow:0 0 0 3px #1db95438}@media (max-width: 640px){.grid{grid-template-columns:1fr}}.app{--pulse-ambient: 0}.hero__glow{transform:scale(calc(1 + var(--pulse-ambient) * .12));opacity:calc(1 - var(--pulse-ambient) * .15);will-change:transform,opacity}.hero__backdrop{opacity:calc(.38 + var(--pulse-ambient) * .16);will-change:opacity}.cta--primary{position:relative;overflow:hidden;isolation:isolate}.cta--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 0%,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%,transparent 100%);transform:translate(-110%);transition:transform .75s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:1}.cta--primary:hover:after,.cta--primary:focus-visible:after{transform:translate(110%)}@supports (view-transition-name: pulse-player){::view-transition-old(pulse-player),::view-transition-new(pulse-player){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}}@media (prefers-reduced-motion: reduce){.hero__glow,.hero__backdrop{transform:none;filter:none;transition:none}.cta--primary:after{display:none}}.kinetic-char{display:inline-block;transform-origin:50% 80%;will-change:opacity,transform;white-space:pre}.kinetic-char:empty,.kinetic-char[data-space],.kinetic-char:where([data-space]){min-width:.27em}.hero{--cursor-x: 50%;--cursor-y: 50%;--cursor-inside: 0;--cursor-radius: 360px;--cursor-intensity: .35;position:relative;isolation:isolate}.hero__cursor-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(var(--cursor-radius) circle at var(--cursor-x) var(--cursor-y),rgba(139,92,246,calc(var(--cursor-intensity) * var(--cursor-inside))) 0%,rgba(139,92,246,calc(var(--cursor-intensity) * .45 * var(--cursor-inside))) 22%,transparent 60%);mix-blend-mode:screen;opacity:calc(.4 + .6 * var(--cursor-inside));transition:opacity .28s cubic-bezier(.22,1,.36,1);z-index:0}.hero__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.85;mix-blend-mode:screen;z-index:0}.hero__inner{position:relative;z-index:1}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.palette__chip{transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .22s ease-out}.palette__chip:hover{transform:translateY(-1px) scale(1.03)}.palette__chip--active{transform:scale(1.06)}@media (prefers-reduced-motion: reduce){.hero__cursor-glow,.hero__particles{display:none}.palette__chip{transition:none}.palette__chip:hover,.palette__chip--active{transform:none}}:root{--font-display: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;--accent-amber: #f59e0b;--accent-pink: #ec4899}.app,body{font-family:var(--font-display)}code,pre,kbd,samp,.code,[class*=code]{font-family:var(--font-mono)}.hero__title{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;line-height:1.05}.section--why{position:relative;overflow:visible;padding:clamp(96px,18vh,200px) clamp(24px,6vw,80px);text-align:left;isolation:isolate}.why__eyebrow{color:var(--accent-amber);font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:16px}.why__title{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,5.6vw,80px);line-height:1.04;letter-spacing:-.025em;margin:0 0 64px;max-width:22ch;color:#fffffff5;word-break:keep-all;overflow-wrap:normal;text-wrap:balance}.wave-char{display:inline-block;vertical-align:baseline;white-space:pre;min-width:.04em}.why__columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);max-width:1100px}.why__col--offset{transform:translateY(120px)}.why__lede{font-family:var(--font-display);font-weight:400;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:#ffffffbd;max-width:38ch}.why__lede--alt{color:#fce8c9eb}.why__orbit{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.orbit-orb{position:absolute;top:50%;left:50%;width:clamp(220px,30vw,380px);height:clamp(220px,30vw,380px);border-radius:50%;opacity:.55;mix-blend-mode:screen;margin-left:calc(clamp(220px,30vw,380px)/-2);margin-top:calc(clamp(220px,30vw,380px)/-2)}.cta--primary{transition:background-color .22s ease-out,box-shadow .22s ease-out;box-shadow:0 1px #ffffff14 inset,0 12px 32px -12px #f59e0b2e}.cta--primary:hover{box-shadow:0 1px #ffffff1f inset,0 18px 44px -10px #f59e0b52}@media (prefers-reduced-motion: reduce){.why__col--offset{transform:none}.why__orbit{display:none}}@media (max-width: 720px){.why__columns{grid-template-columns:1fr}.why__col--offset{transform:none}}.hero{--scroll-progress: 0}.hero__title{font-variation-settings:"wght" 700;font-synthesis:none}.mp__mini-stage,.mp__mini-body{position:relative;isolation:isolate}.mp__mini-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.04) 38%,transparent 62%,rgba(255,255,255,.08) 100%);mix-blend-mode:overlay;opacity:.88;z-index:1}.mp__mini-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0006;z-index:2}.mp__mini-body[data-playing=true]:before{opacity:calc(.88 + var(--pulse-ambient, 0) * .12)}.variants .grid>.grid__cell:first-child{transform:scale(1.025);transform-origin:top left}@media (prefers-reduced-motion: reduce){.variants .grid>.grid__cell:first-child{transform:none}}.hero__particles{mask-image:linear-gradient(to top,transparent 0%,black 18%,black 78%,transparent 100%);-webkit-mask-image:linear-gradient(to top,transparent 0%,black 18%,black 78%,transparent 100%)}@media (prefers-reduced-motion: reduce){.hero__title{font-variation-settings:"wght" 800;transition:none}.mp__mini-body:before,.mp__mini-body:after{display:none}}.act-num{font-family:Geist Mono,ui-monospace,SF Mono,Consolas,monospace;font-weight:600;color:var(--accent-amber, #f59e0b);letter-spacing:.18em;text-transform:uppercase;font-size:.92em}.act-sep{display:inline-block;margin:0 .55em;color:#ffffff47;font-weight:400}.hero__badge-sep{margin:0 .6em;color:#fff3}.hero__player{position:relative;isolation:isolate;will-change:transform}.hero__player:before{content:"";position:absolute;top:-20%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(ellipse at center,rgba(245,158,11,.22) 0%,rgba(139,92,246,.14) 32%,transparent 62%);z-index:-1;pointer-events:none;opacity:calc(.7 + var(--pulse-ambient, 0) * .3);transition:opacity .12s linear}.hero__player:after{content:"";position:absolute;left:10%;right:10%;bottom:-32px;height:28px;background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0%,transparent 70%);z-index:-1;pointer-events:none}@media (prefers-reduced-motion: reduce){.hero__player{transform:none!important}.hero__player:before,.hero__player:after{opacity:.6}}[data-variant=sunset]{--variant-bg-gradient: radial-gradient(ellipse 70% 60% at 18% 12%, rgba(255, 138, 76, .55) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 82% 22%, rgba(236, 72, 153, .42) 0%, transparent 65%), radial-gradient(ellipse 80% 70% at 50% 95%, rgba(245, 158, 11, .42) 0%, transparent 70%), radial-gradient(circle at 8% 88%, rgba(124, 45, 18, .55) 0%, transparent 55%), linear-gradient(135deg, #1a0a05 0%, #2d140c 50%, #3d1c0e 100%)}[data-variant=midnight]{--variant-bg-gradient: radial-gradient(ellipse 70% 60% at 20% 15%, rgba(139, 92, 246, .55) 0%, transparent 60%), radial-gradient(ellipse 55% 60% at 80% 12%, rgba(99, 102, 241, .45) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 95% 70%, rgba(236, 72, 153, .38) 0%, transparent 60%), radial-gradient(ellipse 70% 60% at 30% 90%, rgba(67, 56, 202, .5) 0%, transparent 60%), linear-gradient(140deg, #07071a 0%, #0e0c2a 45%, #161438 100%)}[data-variant=aurora]{--variant-bg-gradient: radial-gradient(ellipse 70% 60% at 18% 18%, rgba(6, 182, 212, .5) 0%, transparent 60%), radial-gradient(ellipse 55% 60% at 85% 22%, rgba(16, 185, 129, .42) 0%, transparent 60%), radial-gradient(ellipse 70% 50% at 50% 95%, rgba(45, 212, 191, .45) 0%, transparent 65%), radial-gradient(ellipse 55% 60% at 92% 85%, rgba(56, 189, 248, .4) 0%, transparent 60%), linear-gradient(135deg, #02161b 0%, #052a30 45%, #073846 100%)}[data-variant=vinyl]{--variant-bg-gradient: radial-gradient(ellipse 65% 55% at 25% 20%, rgba(212, 175, 121, .32) 0%, transparent 60%), radial-gradient(ellipse 55% 60% at 78% 30%, rgba(200, 120, 70, .28) 0%, transparent 60%), radial-gradient(ellipse 80% 60% at 50% 100%, rgba(150, 90, 50, .32) 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 10% 90%, rgba(240, 200, 150, .18) 0%, transparent 60%), linear-gradient(135deg, #07050a 0%, #110b08 50%, #1f160f 100%)}.mp[data-variant=sunset] .mp__bg:after,.mp[data-variant=midnight] .mp__bg:after,.mp[data-variant=aurora] .mp__bg:after,.mp[data-variant=vinyl] .mp__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:220px 220px;mix-blend-mode:overlay;opacity:.12;z-index:1}.mp[data-variant=sunset] .mp__bg:before,.mp[data-variant=midnight] .mp__bg:before,.mp[data-variant=aurora] .mp__bg:before,.mp[data-variant=vinyl] .mp__bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.06) 32%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.04) 60%,transparent 100%);z-index:1}.mp[data-variant=vinyl] .mp__bg:before{opacity:.55}.fab[data-variant=sunset] .fab__btn:after,.fab[data-variant=midnight] .fab__btn:after,.fab[data-variant=aurora] .fab__btn:after,.fab[data-variant=vinyl] .fab__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)' opacity='1'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:overlay;opacity:.1}.mp[data-variant=sunset],.mp[data-variant=midnight],.mp[data-variant=aurora],.mp[data-variant=vinyl]{box-shadow:inset 0 0 0 1px rgb(var(--variant-accent-rgb) / .22),0 12px 32px #0006,0 0 60px -10px rgb(var(--variant-accent-rgb) / .18);transition:box-shadow .48s cubic-bezier(.22,1,.36,1)}.mp[data-variant=sunset]:hover,.mp[data-variant=midnight]:hover,.mp[data-variant=aurora]:hover,.mp[data-variant=vinyl]:hover{box-shadow:inset 0 0 0 1px rgb(var(--variant-accent-rgb) / .34),0 18px 48px #00000080,0 0 88px -8px rgb(var(--variant-accent-rgb) / .28)}[data-variant=vinyl]{--variant-bg-gradient: radial-gradient(ellipse 72% 60% at 22% 20%, rgba(228, 188, 130, .45) 0%, transparent 60%), radial-gradient(ellipse 58% 60% at 78% 28%, rgba(212, 130, 78, .38) 0%, transparent 60%), radial-gradient(ellipse 80% 60% at 50% 100%, rgba(168, 100, 55, .42) 0%, transparent 70%), radial-gradient(ellipse 42% 42% at 12% 88%, rgba(245, 210, 158, .26) 0%, transparent 60%), linear-gradient(135deg, #0d0907 0%, #18100a 50%, #2a1c12 100%)}[data-variant=sunset]{--variant-bg-gradient: radial-gradient(ellipse 70% 58% at 16% 10%, rgba(255, 158, 90, .62) 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 84% 20%, rgba(244, 88, 168, .5) 0%, transparent 65%), radial-gradient(ellipse 80% 70% at 50% 96%, rgba(248, 168, 32, .48) 0%, transparent 70%), radial-gradient(circle at 6% 90%, rgba(140, 50, 22, .6) 0%, transparent 55%), linear-gradient(135deg, #1d0c06 0%, #321810 50%, #421f12 100%)}@media (min-width: 1180px){.palette__chip.palette__chip--active{box-shadow:inset 0 0 0 1px rgb(var(--variant-accent-rgb, 255 255 255) / .35),0 0 32px -8px rgb(var(--variant-accent-rgb, 255 255 255) / .25)}}@media (min-width: 1180px){.variants .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,2.2vw,56px)}}@media (min-width: 2400px){.variants .grid{gap:64px}}@media (min-width: 1180px){.variants .grid__cell{max-width:min(620px,100%);justify-self:stretch}}@media (min-width: 1440px){.grid__label-name{font-size:clamp(14px,.95vw,22px)}.grid__label-code{font-size:clamp(11px,.7vw,16px);padding:3px 8px}.grid__caption{font-size:clamp(13px,.85vw,18px)}}@media (min-width: 1600px){.section--narrow{width:min(86vw,1640px)}}@media (min-width: 2400px){.section--narrow{width:min(80vw,2040px)}}@media (min-width: 1180px){.palette__chip{font-size:clamp(13px,.95vw,22px);padding:clamp(8px,.55vw,14px) clamp(16px,1.15vw,28px);border-radius:999px}.palette__group-label{font-size:clamp(11px,.78vw,16px);letter-spacing:.18em}.palette__hint .cta.cta--sm,.palette__hint .pulso-toggle__label{font-size:clamp(13px,.9vw,20px)}.palette__hint .cta.cta--sm{padding:clamp(8px,.6vw,16px) clamp(16px,1.2vw,30px)}.palette__note,.palette__note code{font-size:clamp(13px,.85vw,18px);line-height:1.55}}@media (min-width: 1180px){.footer__brand{font-size:clamp(14px,1vw,22px)}.footer__meta,.footer__link{font-size:clamp(13px,.9vw,20px)}.footer__inner{padding-block:clamp(28px,2vw,56px)}}@media (min-width: 2400px){.resize-stage{padding:48px 32px;gap:48px}}@media (min-width: 1180px){.hero__cta .cta,.hero__cta a{font-size:clamp(14px,1vw,22px)}}html,body,.app{overflow-x:clip;max-width:100vw}.hero__player{display:flex;justify-content:center;align-items:center;width:100%}@media (max-width: 480px){.hero{padding-inline:clamp(16px,4vw,28px)!important}.hero__inner{width:100%}.resize-stage{padding:16px 8px;gap:20px}}@media (max-width: 720px){.section,.resize-stage,.drag-stage,.responsive,.hero,.features,.grid,.grid__cell,.palette,.palette__hint{max-width:100%;overflow:visible}.resize-stage__player,.drag-stage__player{max-width:100%;width:100%;display:flex;justify-content:center}.resize-stage__player>*,.drag-stage__player>*{max-width:100%}.resize-stage,.drag-stage{min-width:0!important;width:100%!important;padding:16px 12px!important}.drag-stage>.mp,.resize-stage>.mp{max-width:100%}.resize-controls,.drag-stage__hint{max-width:100%;flex-wrap:wrap;justify-content:center}.presets{gap:6px;padding:5px;width:100%;max-width:360px;justify-content:center}.presets__btn{flex:1 1 0;min-width:52px;height:44px;font-size:13px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.presets__btn--active{color:#0a0a0f;background:#fff;box-shadow:0 0 0 2px #f59e0b8c,0 6px 14px #f59e0b2e;transform:translateZ(0) scale(1.04);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1)}.presets__btn:active{transform:translateZ(0) scale(.96)}.slider input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.slider input[type=range]::-moz-range-thumb{width:22px;height:22px}.slider input[type=range]{height:28px}.grid__label{flex-wrap:wrap;row-gap:4px}.grid__label-code{flex-shrink:0}.variants .grid__cell{max-width:100%;overflow:visible}.variants .grid__cell>*{max-width:100%}.variants .grid__cell .mp,.resize-stage .mp,.drag-stage .mp,.responsive__frame .mp{width:100%!important;max-width:100%!important;box-sizing:border-box}.variants .grid__cell .mp{--pulse-scale: .78 !important}.variants{padding-inline:clamp(12px,3vw,32px)!important}.variants .grid{gap:24px!important}.section__eyebrow,.section__h,.section__sub,.display__h,.display__eyebrow,.display__sub,.why__title,.why__eyebrow,.why__col,.reveal__chapter,.reveal__title,.reveal__eyebrow{text-align:center}.section__sub,.display__sub,.why__col{margin-inline:auto}.section__h,.hero__title,.why__title,.display__h,.reveal__title,h2,h3{word-break:keep-all;overflow-wrap:break-word;text-wrap:balance;-webkit-hyphens:none;hyphens:none}.kinetic-char{display:inline!important;min-width:0!important;white-space:normal!important}.variants .grid>.grid__cell:first-child{transform:none}.reveal__chapter h2,.reveal__chapter h3,.reveal__title{text-align:center;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance}.section__eyebrow{flex-wrap:wrap;justify-content:center}.section--three-widths{display:none}.why__orbit{top:-10vw;right:-10vw;bottom:-10vw;left:-10vw;overflow:visible}.orbit-orb{width:clamp(280px,62vw,460px)!important;height:clamp(280px,62vw,460px)!important;margin-left:calc(clamp(280px,62vw,460px)/-2)!important;margin-top:calc(clamp(280px,62vw,460px)/-2)!important;opacity:.55!important;filter:blur(70px)!important}.section--why{padding-inline:clamp(20px,5vw,48px);position:relative}.section--why:before{content:"";position:absolute;top:-5vh;right:-30vw;bottom:-5vh;left:-30vw;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 20% 30%,rgba(139,92,246,.32) 0%,rgba(139,92,246,.12) 40%,transparent 100%),radial-gradient(ellipse 75% 50% at 80% 70%,rgba(245,158,11,.22) 0%,rgba(236,72,153,.14) 35%,transparent 100%),radial-gradient(ellipse 100% 60% at 50% 50%,rgba(99,102,241,.16) 0%,transparent 100%);filter:blur(50px);mix-blend-mode:screen}.hero__glow,.hero__cursor-glow{top:-10vh!important;right:-10vw!important;bottom:-10vh!important;left:-10vw!important;opacity:.6}}.rotate3d__halo,.phone-showcase__ambient,.rotate3d__floor{top:-20%!important;right:-20%!important;bottom:-20%!important;left:-20%!important}@media (max-width: 720px){.rotate3d__halo,.phone-showcase__ambient{top:-20vw!important;right:-20vw!important;bottom:-20vw!important;left:-20vw!important}}#app{overflow-x:clip;max-width:100vw}@media (max-width: 720px){#section-resize{display:none!important}}.drag-stage .mp[data-fab=true],.resize-stage .mp[data-fab=true]{max-width:56px!important;max-height:56px!important;width:56px!important;height:56px!important;align-self:center}@media (min-width: 721px) and (max-width: 1279px){.drag-stage .mp[data-fab=true],.resize-stage .mp[data-fab=true]{max-width:64px!important;max-height:64px!important;width:64px!important;height:64px!important}}@media (min-width: 1280px) and (max-width: 1919px){.drag-stage .mp[data-fab=true],.resize-stage .mp[data-fab=true]{max-width:72px!important;max-height:72px!important;width:72px!important;height:72px!important}}@media (min-width: 1920px) and (max-width: 2559px){.drag-stage .mp[data-fab=true],.resize-stage .mp[data-fab=true]{max-width:88px!important;max-height:88px!important;width:88px!important;height:88px!important}}@media (min-width: 2560px){.drag-stage .mp[data-fab=true],.resize-stage .mp[data-fab=true]{max-width:104px!important;max-height:104px!important;width:104px!important;height:104px!important}}@media (min-width: 1440px){.responsive{flex-direction:row;align-items:stretch;gap:clamp(24px,2vw,48px);overflow:visible;flex-wrap:wrap;justify-content:center;align-items:flex-start}.responsive__cell{flex:0 0 auto;max-width:100%}}@media (max-width: 1024px) and (pointer: coarse){.mp__resize{position:absolute}.mp__resize:after{content:"";position:absolute;top:-24px;right:-24px;bottom:0;left:0;pointer-events:auto;touch-action:none;z-index:-1}.drag-stage>.mp{touch-action:pan-y}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}.drag-stage .mp,.resize-stage .mp{max-width:100%!important}:root{--glow-blur-sm: clamp(20px, 2.5vw, 40px);--glow-blur-md: clamp(40px, 5vw, 80px);--glow-blur-lg: clamp(60px, 8vw, 140px);--glow-spread-sm: clamp(8px, 1vw, 16px);--glow-spread-md: clamp(16px, 2vw, 36px);--glow-spread-lg: clamp(28px, 3.5vw, 60px);--glow-opacity-soft: .18;--glow-opacity-med: .32;--glow-opacity-strong: .48;--glow-warm: 245 158 11;--glow-cool: 139 92 246;--glow-rose: 236 72 153;--glow-aqua: 6 182 212}@media (max-width: 720px){:root{--glow-opacity-soft: .22;--glow-opacity-med: .36;--glow-opacity-strong: .52}}.glow-frame{position:relative;isolation:isolate;overflow:visible!important}.glow-frame:before{content:"";position:absolute;inset:calc(var(--glow-spread-md) * -1);z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 80% 70% at center,rgb(var(--glow-warm) / var(--glow-opacity-med)) 0%,rgb(var(--glow-cool) / calc(var(--glow-opacity-med) * .7)) 35%,rgb(var(--glow-rose) / calc(var(--glow-opacity-soft) * .7)) 60%,transparent 100%);filter:blur(var(--glow-blur-md));mix-blend-mode:screen}.glow-frame[data-glow=warm]:before{background:radial-gradient(ellipse 80% 70% at center,rgb(var(--glow-warm) / var(--glow-opacity-strong)) 0%,rgb(var(--glow-rose) / var(--glow-opacity-med)) 40%,transparent 100%)}.glow-frame[data-glow=cool]:before{background:radial-gradient(ellipse 80% 70% at center,rgb(var(--glow-cool) / var(--glow-opacity-strong)) 0%,rgb(var(--glow-aqua) / var(--glow-opacity-med)) 45%,transparent 100%)}.glow-frame[data-glow=aurora]:before{background:radial-gradient(ellipse 80% 70% at center,rgb(var(--glow-aqua) / var(--glow-opacity-strong)) 0%,rgb(var(--glow-cool) / var(--glow-opacity-med)) 45%,transparent 100%)}.glow-frame--lg:before{inset:calc(var(--glow-spread-lg) * -1);filter:blur(var(--glow-blur-lg))}.variants .grid__cell,.resize-stage,.drag-stage,.rotate3d__rotator{position:relative;isolation:isolate;overflow:visible}.variants .grid__cell:has(.mp[data-variant=sunset]):after,.variants .grid__cell:has(.player-shell[data-variant=sunset]):after,.variants .grid__cell:has(.mp[data-variant=midnight]):after,.variants .grid__cell:has(.player-shell[data-variant=midnight]):after,.variants .grid__cell:has(.mp[data-variant=aurora]):after,.variants .grid__cell:has(.player-shell[data-variant=aurora]):after,.variants .grid__cell:has(.mp[data-variant=vinyl]):after,.variants .grid__cell:has(.player-shell[data-variant=vinyl]):after,.variants .grid__cell:has(.mp[data-variant=auto]):after,.variants .grid__cell:has(.player-shell[data-variant=auto]):after{content:"";position:absolute;inset:calc(var(--glow-spread-lg) * -1) calc(var(--glow-spread-md) * -1);z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 75% at center,rgb(var(--glow-warm) / var(--glow-opacity-med)) 0%,rgb(var(--glow-cool) / calc(var(--glow-opacity-med) * .7)) 40%,rgb(var(--glow-rose) / var(--glow-opacity-soft)) 65%,transparent 100%);filter:blur(var(--glow-blur-lg));mix-blend-mode:screen}.variants .grid__cell:has(.mp[data-variant=sunset]):after,.variants .grid__cell:has(.player-shell[data-variant=sunset]):after{background:radial-gradient(ellipse 90% 75% at center,rgb(var(--glow-warm) / var(--glow-opacity-strong)) 0%,rgb(var(--glow-rose) / var(--glow-opacity-med)) 45%,transparent 100%)}.variants .grid__cell:has(.mp[data-variant=midnight]):after,.variants .grid__cell:has(.player-shell[data-variant=midnight]):after{background:radial-gradient(ellipse 90% 75% at center,rgb(var(--glow-cool) / var(--glow-opacity-strong)) 0%,rgb(var(--glow-rose) / var(--glow-opacity-med)) 45%,transparent 100%)}.variants .grid__cell:has(.mp[data-variant=aurora]):after,.variants .grid__cell:has(.player-shell[data-variant=aurora]):after{background:radial-gradient(ellipse 90% 75% at center,rgb(var(--glow-aqua) / var(--glow-opacity-strong)) 0%,rgb(16 185 129 / var(--glow-opacity-med)) 45%,transparent 100%)}.variants .grid__cell:has(.mp[data-variant=vinyl]):after,.variants .grid__cell:has(.player-shell[data-variant=vinyl]):after{background:radial-gradient(ellipse 90% 75% at center,rgb(var(--glow-warm) / var(--glow-opacity-med)) 0%,rgb(168 100 55 / var(--glow-opacity-soft)) 50%,transparent 100%)}.resize-stage:after,.drag-stage:after{display:none;content:"";position:absolute;inset:calc(var(--glow-spread-lg) * -1);z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 65% at center,rgb(var(--glow-warm) / var(--glow-opacity-med)) 0%,rgb(var(--glow-cool) / var(--glow-opacity-soft)) 45%,transparent 100%);mix-blend-mode:screen}.mp[data-variant=sunset],.mp[data-variant=midnight],.mp[data-variant=aurora],.mp[data-variant=vinyl]{box-shadow:inset 0 0 0 1px rgb(var(--variant-accent-rgb) / .24),inset 0 1px #ffffff14,0 14px 36px #0000006b,0 0 0 1px rgb(var(--variant-accent-rgb) / .06),0 0 60px -6px rgb(var(--variant-accent-rgb) / .32),0 0 120px -16px rgb(var(--variant-accent-rgb) / .22);transition:box-shadow .48s cubic-bezier(.22,1,.36,1)}.mp[data-variant=sunset]:hover,.mp[data-variant=midnight]:hover,.mp[data-variant=aurora]:hover,.mp[data-variant=vinyl]:hover{box-shadow:inset 0 0 0 1px rgb(var(--variant-accent-rgb) / .38),inset 0 1px #ffffff1f,0 20px 48px #00000080,0 0 0 1px rgb(var(--variant-accent-rgb) / .1),0 0 80px -4px rgb(var(--variant-accent-rgb) / .46),0 0 160px -10px rgb(var(--variant-accent-rgb) / .3)}@media (prefers-reduced-motion: reduce){.glow-frame:before,.variants .grid__cell:after,.resize-stage:after,.drag-stage:after{opacity:.65;transition:none}}