.vu-hero{margin-top:calc(-1*var(--vu-chrome,0px));height:100vh;min-height:100vh;max-height:100vh;padding-top:var(--vu-chrome,0px);box-sizing:border-box;background:radial-gradient(55% 45% at 78% 42%,#c423ff24 0%,#0000 58%),#050505;position:relative;overflow:hidden}@supports (height:100dvh){.vu-hero{height:100dvh;min-height:100dvh;max-height:100dvh}}.vu-hero .vu-hero-stage{box-sizing:border-box;height:100%;max-height:100%;position:relative}.vu-ladder-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121216b8;border:1px solid #ffffff1a;border-radius:28px;width:min(460px,92vw);padding:18px 18px 16px;box-shadow:0 28px 80px #00000080}.vu-ladder-frame{aspect-ratio:16/10;background:#000;border:1px solid #ffffff24;border-radius:18px;width:100%;position:relative;overflow:hidden}.vu-ladder-frame.is-active{border-color:#c423ff8c;box-shadow:0 0 0 1px #c423ff33}.vu-ladder-video{transition:filter .45s;position:absolute;inset:0}.vu-ladder-chips{gap:8px;width:100%;margin-top:14px;display:flex}.vu-ladder-chip{color:#ffffff8c;text-align:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;flex:1;padding:8px 6px;font-size:11px;font-weight:600;transition:background-color .35s,border-color .35s,color .35s}.vu-ladder-chip.is-active{color:#fff;background:#c423ff;border-color:#0000}
