.hs{background:radial-gradient(80% 45% at 30% 0,rgba(255,77,141,.16),transparent 70%),radial-gradient(60% 40% at 90% 100%,rgba(164,92,255,.16),transparent 72%),#05030c}.hs-frame{width:100%;min-height:100%;padding:calc(.5rem + env(safe-area-inset-top,0px)).75rem calc(.75rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:.5rem;display:flex}.hs-head{flex:none;align-items:center;gap:.75rem;min-width:0;display:flex}.hs-toggles{gap:.5rem;margin-left:auto;display:flex}.hs-toggle.is-on{color:#ffd36e;box-shadow:inset 0 0 0 1px rgba(255,211,110,.6),0 0 14px rgba(255,211,110,.35)}.hs-tower{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#05030c;border-radius:1rem;flex:none;height:max(17rem,min(100dvh - 22.75rem,34rem));position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 50px rgba(255,77,141,.12),0 0 90px rgba(164,92,255,.14);container:hs-tower/size}.hs-stage{position:absolute;top:0;bottom:0;left:0;right:0}.hs-still-wrap{background:radial-gradient(60% 50% at 50% 30%,rgba(164,92,255,.22),transparent 70%),radial-gradient(50% 30% at 50% 100%,rgba(255,77,141,.18),transparent 70%),linear-gradient(#070414,#140a26 60%,#0a0610);place-items:center;padding:.75rem;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hs-still{width:auto;max-width:100%;height:100%}.hs-still-sign{fill:#fff0f6;letter-spacing:.04em;paint-order:stroke;stroke:#ff4d8d;stroke-width:3px;font-size:22px;font-weight:900}.hs-still-label{letter-spacing:.06em;font-size:10px;font-weight:900}.hs-still-zone rect,.hs-still-bulb,.hs-still-puck{transition:opacity .35s,fill .35s}.hs-still-puck{transition:y .5s}.hs-host{position:absolute;top:0;bottom:0;left:0;right:0}.hs-canvas{opacity:0;width:100%;height:100%;transition:opacity .35s;display:block}.hs-stage[data-ready=true] .hs-canvas{opacity:1}.hs-callout{--zone:#ffd36e;color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--zone)60%,transparent),0 0 24px color-mix(in srgb,var(--zone)35%,transparent);pointer-events:none;background:rgba(5,3,12,.72);border-radius:.75rem;gap:.125rem;padding:.5rem .75rem;animation:.5s cubic-bezier(.2,1.4,.4,1) both hs-pop;display:grid;position:absolute;top:.75rem;left:.75rem}.hs-callout b{color:var(--zone);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 18px var(--zone);font-size:max(1.25rem,min(7cqmin,2.25rem));font-weight:900;line-height:1}.hs-callout span{font-size:.8125rem;font-weight:700}@keyframes hs-pop{0%{opacity:0;transform:scale(.6)translateY(-.5rem)}to{opacity:1;transform:none}}.hs-flash{opacity:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(60% 40% at 50% 18%,rgba(255,244,214,.9),rgba(255,211,110,.35) 45%,transparent 75%);position:absolute;top:0;bottom:0;left:0;right:0}.hs[data-ringing] .hs-flash{animation:1.3s ease-out both hs-flash}@keyframes hs-flash{0%{opacity:0}8%{opacity:1}to{opacity:0}}.hs-controls{flex-direction:column;gap:.5rem;min-width:0;display:flex}.hs-booth{--brass:#d9a441;background:repeating-linear-gradient(90deg,#4a1238 0,#4a1238 1.25rem,#1d0c2c 1.25rem,#1d0c2c 2.5rem) top/100% .875rem no-repeat,linear-gradient(#1e0d24,#0d0814);border:1px solid rgba(217,164,65,.45);border-radius:1rem;grid-template-columns:4.75rem minmax(0,1fr);grid-template-areas:"sign sign""window bubble";gap:.25rem .625rem;padding:1.25rem .625rem .625rem;display:grid;position:relative;overflow:hidden;box-shadow:0 0 24px rgba(255,77,141,.12)}.hs-booth:before{content:"";background:radial-gradient(circle at 50% 0,#4a1238 .45rem,transparent .5rem) 0 0/1.25rem .5rem repeat-x;height:.5rem;position:absolute;top:.875rem;left:0;right:0}.hs-booth-sign{grid-area:sign;justify-self:center;margin-top:-.125rem}.hs-booth-sign span{color:#fff0f6;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 6px #ff4d8d,0 0 14px #ff4d8d;border:2px solid #ff4d8d;border-radius:999px;padding:.0625rem .75rem;font-size:.6875rem;font-weight:900;animation:3.2s ease-in-out infinite hs-neon;display:inline-block;box-shadow:0 0 10px rgba(255,77,141,.5),inset 0 0 8px rgba(255,77,141,.35)}@keyframes hs-neon{0%,to{opacity:1}48%{opacity:1}50%{opacity:.72}52%{opacity:1}}.hs-booth-window{aspect-ratio:1;border:3px solid var(--brass);background:radial-gradient(70% 70% at 50% 40%,#2a1650,#07050c);border-radius:999px 999px .5rem .5rem;grid-area:window;align-self:end;position:relative;overflow:hidden;box-shadow:0 0 0 1px #5a3f12,0 0 22px rgba(217,164,65,.3),inset 0 0 18px rgba(0,0,0,.8)}.hs-booth-lamp{mix-blend-mode:screen;background:radial-gradient(closest-side,rgba(255,226,160,.4),transparent);position:absolute;top:-20%;bottom:30%;left:10%;right:10%}.hs-booth-bruno{filter:drop-shadow(0 0 10px rgba(110,240,70,.45))saturate(1.1);transform-origin:50% 95%;width:140%;max-width:none;height:auto;animation:4s ease-in-out infinite hs-breathe;position:absolute;top:-2%;left:-20%}@keyframes hs-breathe{50%{scale:1.025}}.hs-booth[data-mood=watch] .hs-booth-bruno{animation:4s ease-in-out infinite hs-breathe,1.4s ease-in-out infinite hs-lean}.hs-booth[data-mood=hype] .hs-booth-bruno{animation:.32s ease-in-out 3 hs-hype}.hs-booth[data-mood=wow] .hs-booth-bruno{animation:.55s cubic-bezier(.3,1.6,.5,1) 3 hs-wow}.hs-booth[data-mood=nice] .hs-booth-bruno{animation:.6s ease-in-out 2 hs-nod}.hs-booth[data-mood=meh] .hs-booth-bruno{animation:1.2s ease-in-out both hs-meh}@keyframes hs-lean{50%{translate:0 4%;rotate:-2deg}}@keyframes hs-hype{25%{rotate:-4deg}75%{rotate:4deg}}@keyframes hs-wow{40%{translate:0 -4%;scale:1.05}}@keyframes hs-nod{50%{translate:0 5%}}@keyframes hs-meh{60%,to{translate:3% 4%;rotate:6deg}}.hs-bubble{color:#fff;background:rgba(255,77,141,.14);border-radius:.75rem;grid-area:bubble;align-self:center;min-height:2.75rem;padding:.5rem .625rem;font-size:.875rem;font-weight:700;line-height:1.3;position:relative;box-shadow:inset 0 0 0 1px rgba(255,77,141,.45)}.hs-bubble:before{content:"";border:.4375rem solid transparent;border-left:0;border-right-color:rgba(255,77,141,.45);position:absolute;top:50%;left:-.4375rem;transform:translateY(-50%)}.hs-booth-bulbs{pointer-events:none;opacity:.75;filter:drop-shadow(0 0 3px #ffd36e);background:radial-gradient(circle,#ffd36e 0,#ffd36e .14rem,transparent .18rem) 0 0/1rem 1rem repeat-x,radial-gradient(circle,#ffd36e 0,#ffd36e .14rem,transparent .18rem) 0 100%/1rem 1rem repeat-x;border-radius:.875rem;animation:1.2s steps(2,end) infinite hs-chase;position:absolute;top:.25rem;bottom:.25rem;left:.25rem;right:.25rem}.hs[data-beat=meter] .hs-booth-bulbs{animation-duration:.4s}@keyframes hs-chase{to{background-position:1rem 0,-1rem 100%}}.hs-meter-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.625rem;display:grid}.hs-meter{--m:0;background:linear-gradient(#120a1c,#07050c);border-radius:.625rem;height:2rem;padding:.3125rem 2.5rem .3125rem .375rem;position:relative;box-shadow:inset 0 0 0 1px rgba(217,164,65,.5),0 0 16px rgba(164,92,255,.15)}.hs-meter-track{grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;height:100%;display:grid;position:relative}.hs-meter-track i{background:hsl(calc(130 - var(--i)*130)90% 55%/.16);border-radius:2px}.hs-meter-track:after{content:"";clip-path:inset(0 calc((1 - var(--m))*100%)0 0);filter:drop-shadow(0 0 4px rgba(255,211,110,.6));background:linear-gradient(90deg,#4dcbb8,#6ef046 35%,#ffd36e 65%,#ff9a3d 85%,#ff4d8d);position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0,#000 calc(5% - 2px),transparent calc(5% - 2px),transparent 5%);mask:repeating-linear-gradient(90deg,#000 0,#000 calc(5% - 2px),transparent calc(5% - 2px),transparent 5%)}.hs-meter-needle{top:-.25rem;bottom:-.25rem;left:calc(.375rem + var(--m)*(100% - 2.875rem));background:#fff;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;box-shadow:0 0 8px #fff}.hs-meter-max{color:#ff4d8d;letter-spacing:.08em;text-shadow:0 0 8px #ff4d8d;font-size:.625rem;font-weight:900;position:absolute;top:50%;right:.375rem;transform:translateY(-50%)}.hs-meter-read{min-width:5.25rem;color:var(--mf-muted);text-align:right;font-size:.75rem}.hs-meter-read b{color:#fff;font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:800}.hs-result{color:#e9e3f2;text-align:center;min-height:1.375rem;font-size:.9375rem;font-weight:600}.hs-result b{text-transform:uppercase;font-weight:900}.hs-go{touch-action:manipulation;width:100%;min-height:3.25rem;font-size:1.0625rem}.hs-go[aria-disabled=true]{cursor:default;opacity:.55}.hs[data-beat=meter] .hs-go{box-shadow:0 0 0 2px #ff4d8d,0 0 26px rgba(255,77,141,.5)}.hs-note{color:var(--mf-muted);gap:.375rem;font-size:.6875rem;display:grid}.hs-note summary{cursor:pointer;min-height:1.5rem;text-decoration:underline}.hs-note details p{margin-top:.375rem;line-height:1.45}.hs-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:.5rem}.hs-table th,.hs-table td{text-align:right;border-bottom:1px solid rgba(255,255,255,.08);padding:.25rem .375rem}.hs-table th:first-child{text-align:left;font-weight:800}.hs-table thead th{color:#e9e3f2;font-weight:700}@container hs-tower (width<=32rem){.hs-callout{top:auto;bottom:.75rem}}@container (width>=56rem){.hs-frame{grid-template:"head head""tower controls"minmax(0,1fr)/minmax(0,1fr) minmax(19rem,25rem);gap:.75rem 1.25rem;max-width:100rem;height:100%;min-height:36rem;margin:0 auto;padding:.75rem 1.5rem;display:grid}.hs-head{grid-area:head}.hs-tower{grid-area:tower;height:100%;min-height:0}.hs-controls{grid-area:controls;align-self:center;gap:.75rem;max-height:100%;overflow-y:auto}.hs-booth{grid-template-columns:7.5rem minmax(0,1fr);padding:1.5rem .875rem .875rem}.hs-bubble{font-size:1rem}}@media (prefers-reduced-motion:reduce){.hs-booth-sign span,.hs-booth-bruno,.hs-booth-bulbs,.hs-callout,.hs-canvas{transition:none;animation:none!important}.hs[data-ringing] .hs-flash{opacity:.35;transition:opacity .4s;animation:none}.hs-still-puck{transition:opacity .35s}}