@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121216;--surface:#1b1b22;--surface-2:#24242d;--border:#2e2e3a;--fg:#ececf3;--muted:#8d8d9e;--purple:#a855f7;--purple-strong:#9333ea;--green:#39ff88;--cyan:#22d3ee;--danger:#ff5c7a;--radius:14px;--font:"Inter Variable", system-ui, sans-serif;--font-display:"Space Grotesk Variable", "Inter Variable", system-ui, sans-serif;font-family:var(--font);line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(900px 500px at 0% -10%, #a855f729, transparent 60%), radial-gradient(800px 500px at 100% 0%, #22d3ee17, transparent 60%), var(--bg);min-height:100vh;color:var(--fg);background-attachment:fixed;margin:0}.app{max-width:1180px;margin:0 auto;padding:0 16px 24px}h2{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0 0 12px;font-size:.8rem;font-weight:600;display:flex}.count{font-family:var(--font);letter-spacing:0;color:var(--fg);background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 8px;font-size:.75rem;font-weight:600}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.empty{color:var(--muted);margin:4px 0 12px;font-size:.9rem}.hint{color:var(--muted);text-align:center;margin:8px 0 0;font-size:.8rem}input{min-width:0;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:10px;outline:none;flex:1;padding:10px 14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:var(--muted)}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee2e}button{font:inherit;color:var(--fg);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 16px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}button:hover:not(:disabled){border-color:var(--muted)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible,.track:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button.primary{background:linear-gradient(135deg, var(--purple), var(--purple-strong));color:#fff;border-color:#0000}button.primary:hover:not(:disabled){border-color:#0000;box-shadow:0 0 18px #a855f78c}button.ghost{background:0 0}button.wide{width:100%}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.topbar{align-items:center;gap:16px;padding:14px 0;display:flex}.logo,.join-logo{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.logo{margin-right:auto;font-size:1.4rem}.logo span,.join-logo span{color:var(--purple);text-shadow:0 0 14px #a855f7b3}.sound{align-items:center;gap:6px;display:flex}.icon-button{background:0 0;border-color:#0000;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button:hover:not(:disabled){background:var(--surface-2);border-color:#0000}.icon-button[aria-pressed=true]{color:var(--danger)}input[type=range]{appearance:none;background:linear-gradient(to right, var(--cyan) var(--fill,0%), var(--surface-2) var(--fill,0%));cursor:pointer;border:0;border-radius:2px;flex:none;width:110px;height:4px;padding:0}input[type=range]:focus{box-shadow:none}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--fg);border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #22d3eeb3}input[type=range]::-moz-range-thumb{background:var(--fg);border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #22d3eeb3}.me{align-items:center;gap:8px;font-weight:600;display:flex;position:relative}.me-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.conn-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%}.me.offline .conn-dot{background:var(--muted);box-shadow:none}.join-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;max-width:400px;margin:12vh auto 0;padding:32px 28px;display:flex;box-shadow:0 0 60px #a855f726}.join-logo{text-align:center;margin:0;font-size:2.6rem}.join-tagline{color:var(--muted);text-align:center;margin:0 0 12px}.join-card label{font-weight:600}.app{max-width:1480px}.room{grid-template-columns:300px minmax(0,1fr) 300px;grid-template-areas:"queue stage side";align-items:start;gap:20px;display:grid}.stage{grid-area:stage}.queue-col,.side{scrollbar-width:thin;max-height:calc(100vh - 32px);position:sticky;top:16px;overflow-y:auto}.queue-col{grid-area:queue}.side{flex-direction:column;grid-area:side;gap:16px;display:flex}@media (width<=1180px) and (width>=761px){.room{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"stage side""stage queue"}.queue-col,.side{max-height:none;position:static;overflow:visible}}.side-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.side-actions button{padding:9px 10px;font-size:.9rem}.side-actions span{color:var(--purple)}.tabs{display:none}.player{position:relative}.player-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#000;border:1px solid #a855f759;position:relative;overflow:hidden;box-shadow:0 0 40px #a855f740,0 0 90px #22d3ee14}.player-frame iframe{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.drift{color:#fff;opacity:.5;font-variant-numeric:tabular-nums;pointer-events:none;background:#00000080;border-radius:4px;margin:0;padding:1px 6px;font-size:.7rem;position:absolute;top:8px;right:10px}.progress{align-items:center;gap:12px;margin-top:14px;display:flex}.progress-bar{background:var(--surface-2);border-radius:2px;flex:1;height:4px}.progress-fill{background:linear-gradient(to right, var(--cyan), var(--green));border-radius:2px;height:100%;transition:width .25s linear;box-shadow:0 0 10px #39ff8899}.progress-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.now-playing{align-items:center;gap:12px;margin-top:14px;display:flex}.now-playing-text{flex-direction:column;flex:1;min-width:0;display:flex}.now-title{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;font-weight:600;overflow:hidden}.now-dj{color:var(--green);font-size:.85rem;font-weight:600}.avatar-placeholder{flex:none;width:40px;height:40px}.join-audio,.idle{aspect-ratio:16/9;border-radius:var(--radius);border:1px dashed var(--border);background:var(--surface);text-align:center;width:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.join-audio{color:var(--fg);font-size:1.2rem}.join-audio:hover:not(:disabled){border-color:var(--purple);box-shadow:0 0 30px #a855f740}.join-audio-icon{background:linear-gradient(135deg, var(--purple), var(--purple-strong));color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;padding-left:4px;font-size:1.4rem;display:grid;box-shadow:0 0 24px #a855f799}.idle p{margin:0;padding:0 24px}.idle-title{font-family:var(--font-display);color:var(--fg);font-size:1.3rem;font-weight:600}.avatar{-webkit-user-select:none;user-select:none;border:1.5px solid;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.avatar.dimmed{filter:grayscale(.8)brightness(.7)}.avatar-wrap{flex:none;display:inline-flex;position:relative}.avatar-wrap .dot{border:2px solid var(--surface);background:var(--green);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.offline .avatar-wrap .dot{background:var(--muted)}.dj-line ol,.people ul{margin:0 0 4px;padding:0;list-style:none}.dj-line ol{margin-bottom:14px}.dj-line li,.people li{border-radius:10px;align-items:center;gap:10px;margin:0 -8px;padding:6px 8px;display:flex}.dj-line li.playing{background:#39ff8812;box-shadow:inset 0 0 0 1px #39ff8859,0 0 18px #39ff881f}.person-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.offline .person-name{color:var(--muted)}.you{color:var(--muted);font-weight:400}.person-meta{white-space:nowrap;color:var(--muted);font-size:.75rem}.badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:700}.badge-playing{color:var(--green);border-color:#39ff8880}.badge-next{color:var(--cyan);border-color:#22d3ee80}.add-track{gap:8px;margin-bottom:12px;display:flex}.queue-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.track{background:var(--bg);cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:6px 8px 6px 6px;display:flex}.track:hover{border-color:var(--border)}.track.dragging{z-index:1;cursor:grabbing;border-color:var(--purple);position:relative;box-shadow:0 8px 24px #00000080,0 0 16px #a855f759}.track-pos{text-align:right;width:1.4em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.thumb{aspect-ratio:16/9;object-fit:cover;background:var(--surface-2);border-radius:6px;flex:none;width:80px}.track-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.track .remove{width:32px;height:32px;color:var(--muted);opacity:0;background:0 0;border-color:#0000;flex:none;padding:0}.track:hover .remove,.track:focus-within .remove,.track .remove:focus-visible{opacity:1}.track .remove:hover{color:var(--danger);background:var(--surface-2)}@media (hover:none){.track .remove{opacity:1}}@media (width<=760px){.app{padding-bottom:88px}.topbar{gap:8px}.logo{font-size:1.2rem}.me-name{display:none}input[type=range]{width:80px}.room{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""queue""side";gap:16px}.side,.queue-col{max-height:none;position:static;overflow:visible}.room[data-tab=room] .queue-col,.room[data-tab=queue] .side{display:none}.tabs{z-index:10;padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);background:#121216eb;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--muted);background:0 0;border-color:#0000}.tabs button.active{color:var(--fg);background:var(--surface-2);box-shadow:inset 0 -2px 0 var(--purple)}.tabs .count{margin-left:4px}.track{cursor:default}.thumb{width:64px}}.heart{width:34px;height:34px;color:var(--muted);background:0 0;border-color:#0000;flex:none;place-items:center;padding:0;display:grid}.heart:hover:not(:disabled){color:#ff4fd8;background:var(--surface-2);border-color:#0000}.heart.saved{color:#ff4fd8;filter:drop-shadow(0 0 6px #ff4fd8b3)}.track .heart{opacity:0;width:32px;height:32px}.track:hover .heart,.track:focus-within .heart,.track .heart.saved{opacity:1}@media (hover:none){.track .heart{opacity:1}}.dialog{color:var(--fg);background:0 0;border:0;width:min(560px,100vw - 32px);max-height:min(80vh,720px);padding:0}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08080cb3}.dialog-box{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;max-height:min(80vh,720px);display:flex;box-shadow:0 0 60px #a855f733}.dialog-header{justify-content:space-between;align-items:center;padding:14px 14px 6px 20px;display:flex}.dialog-header h2{margin:0}.dialog-body{padding:4px 20px 20px;overflow-y:auto}.list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.list-row{background:var(--bg);border-radius:10px;align-items:center;gap:12px;padding:6px;display:flex}.list-text{flex-direction:column;flex:1;min-width:0;display:flex}.list-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;text-decoration:none;overflow:hidden}.list-title:hover{color:var(--cyan);text-decoration:underline}.list-meta{color:var(--muted);font-size:.75rem}.list-actions{align-items:center;gap:2px;display:flex}.list-actions .add{color:var(--green);font-size:1.3rem}.list-actions .remove{color:var(--muted)}.list-actions .remove:hover{color:var(--danger)}.dancefloor{--beat:.5s;aspect-ratio:16/8;border-radius:var(--radius);border:1px solid var(--border);isolation:isolate;background:radial-gradient(120% 70% at 50% 0,#a855f72e,#0000 70%),linear-gradient(#0d0d12,#15151c 45%,#0b0b10);min-height:240px;margin-top:18px;position:relative;overflow:hidden}.dancefloor:not(.live) *,.dancefloor:not(.live) :before,.dancefloor:not(.live) :after{animation-play-state:paused!important}.beams{z-index:1;pointer-events:none;opacity:.25;transition:opacity 1s;position:absolute;inset:0}.dancefloor.live .beams{opacity:1}.beam{transform-origin:50% 0;background:linear-gradient(to bottom, color-mix(in srgb, var(--beam) 55%, transparent), transparent 85%);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);filter:blur(4px);mix-blend-mode:screen;width:70px;height:130%;margin-left:-35px;animation:5s ease-in-out infinite alternate sweep;position:absolute;top:-10%}@keyframes sweep{0%{transform:rotate(-28deg)}to{transform:rotate(28deg)}}.floor{transform-origin:50% 0;z-index:0;grid-template-columns:repeat(12,1fr);grid-auto-rows:1fr;gap:3px;height:90%;display:grid;position:absolute;top:42%;left:-20%;right:-20%;transform:perspective(380px)rotateX(58deg)}.tile{animation:tile calc(var(--beat) * 8) ease-in-out infinite;background:#1a1a22;border-radius:3px}.tile-0{--tile:var(--purple)}.tile-1{--tile:var(--cyan)}.tile-2{--tile:var(--green)}@keyframes tile{0%,70%,to{box-shadow:none;background:#1a1a22}80%{background:color-mix(in srgb, var(--tile) 45%, #1a1a22);box-shadow:0 0 14px color-mix(in srgb, var(--tile) 60%, transparent)}}.booth{z-index:2;flex-direction:column;align-items:center;width:46%;min-width:200px;display:flex;position:absolute;top:6%;left:50%;transform:translate(-50%)}.booth .dancer{--scale:1.05;z-index:0;margin-bottom:-18px;position:relative}.booth-empty{height:60px;color:var(--muted);place-items:end center;padding-bottom:24px;font-size:.75rem;display:grid}.booth-desk{z-index:1;background:linear-gradient(#22222c,#17171e);border:1px solid #a855f780;border-radius:10px 10px 4px 4px;width:100%;padding:8px 10px;position:relative;box-shadow:0 0 22px #a855f759}.eq{align-items:flex-end;gap:3px;height:30px;display:flex}.eq-bar{background:linear-gradient(to top, var(--green), var(--cyan) 60%, var(--purple));transform-origin:bottom;border-radius:2px;flex:1;height:100%;animation:.5s ease-in-out infinite alternate eq;transform:scaleY(.12)}@keyframes eq{0%{transform:scaleY(.12)}to{transform:scaleY(1)}}.crowd{z-index:3;position:absolute;inset:0}.dancer{--scale:1;--offset:0s;transform:translate(-50%, -100%) scale(var(--scale));transform-origin:50% 100%;flex-direction:column;align-items:center;transition:opacity .5s,filter .5s;display:flex;position:absolute}.booth .dancer{transform:scale(var(--scale))}.dancer.away{opacity:.35;filter:grayscale(.8)}.dancer.away *{animation:none!important}.dancer-figure{animation:bounce var(--beat) ease-in-out infinite alternate;animation-delay:var(--offset);flex-direction:column;align-items:center;display:flex}.dancer-head{z-index:1;width:26px;height:26px;color:hsl(var(--hue) 90% 88%);background:hsl(var(--hue) 65% 34%);border:1.5px solid hsl(var(--hue) 85% 60%);border-radius:50%;place-items:center;font-size:.6rem;font-weight:700;display:grid;position:relative}.dancer-torso{background:hsl(var(--hue) 70% 48%);width:20px;height:22px;box-shadow:0 0 10px hsl(var(--hue) 90% 55% / .45);border-radius:9px 9px 5px 5px;margin-top:-2px;position:relative}.arm{background:hsl(var(--hue) 70% 58%);transform-origin:50% 2px;border-radius:3px;width:5px;height:17px;position:absolute;top:3px}.arm.left{animation:arm-left calc(var(--beat) * 2) ease-in-out infinite;animation-delay:var(--offset);left:-4px;transform:rotate(20deg)}.arm.right{animation:arm-right calc(var(--beat) * 2) ease-in-out infinite;animation-delay:var(--offset);right:-4px;transform:rotate(-20deg)}.dancer-legs{gap:3px;margin-top:-1px;display:flex}.leg{background:hsl(var(--hue) 35% 26%);transform-origin:50% 0;border-radius:0 0 3px 3px;width:6px;height:14px}.leg.left{animation:leg calc(var(--beat) * 2) ease-in-out infinite;animation-delay:var(--offset)}.leg.right{animation:leg calc(var(--beat) * 2) ease-in-out infinite reverse;animation-delay:var(--offset)}.dancer-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;color:var(--fg);text-shadow:0 1px 3px #000;margin-top:3px;font-size:.6rem;font-weight:600;overflow:hidden}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes arm-left{0%,to{transform:rotate(25deg)}50%{transform:rotate(150deg)}}@keyframes arm-right{0%,to{transform:rotate(-150deg)}50%{transform:rotate(-25deg)}}@keyframes leg{0%,to{transform:rotate(8deg)}50%{transform:rotate(-8deg)}}.move-1 .dancer-figure{animation-name:sway;animation-duration:calc(var(--beat) * 2);animation-direction:normal}.move-1 .arm.left{animation-name:wave-left}.move-1 .arm.right{animation-name:wave-right}@keyframes sway{0%,to{transform:rotate(-9deg)translateY(0)}25%,75%{transform:rotate(0)translateY(-4px)}50%{transform:rotate(9deg)translateY(0)}}@keyframes wave-left{0%,to{transform:rotate(160deg)}50%{transform:rotate(120deg)}}@keyframes wave-right{0%,to{transform:rotate(-120deg)}50%{transform:rotate(-160deg)}}.move-2 .dancer-figure{animation-name:jump;animation-duration:var(--beat);animation-direction:normal}.move-2 .arm.left,.move-2 .arm.right{animation-name:pump;animation-duration:var(--beat)}.move-2 .arm.right{animation-direction:reverse}@keyframes jump{0%,to{transform:translateY(0)scaleY(.94)}50%{transform:translateY(-8px)scaleY(1.04)rotate(4deg)}}@keyframes pump{0%,to{transform:rotate(40deg)}50%{transform:rotate(-40deg)translateY(-3px)}}.dancer.dj .dancer-figure{animation:nod var(--beat) ease-in-out infinite alternate}.dancer.dj .dancer-head:before{content:"";border:3px solid var(--fg);opacity:.85;border-bottom:0;border-radius:12px 12px 0 0;height:16px;position:absolute;inset:-5px -4px auto}.dancer.dj .arm.left{animation:scratch var(--beat) ease-in-out infinite alternate}.dancer.dj .arm.right{animation:none;transform:rotate(-35deg)}.dancer.dj .dancer-name{color:var(--green)}@keyframes nod{0%{transform:translateY(0)rotate(0)}to{transform:translateY(2px)rotate(-4deg)}}@keyframes scratch{0%{transform:rotate(35deg)}to{transform:rotate(60deg)}}@media (prefers-reduced-motion:reduce){.dancefloor *,.dancefloor :before,.dancefloor :after{animation:none!important}}@media (width<=760px){.dancefloor{aspect-ratio:4/3;min-height:0;margin-top:14px}.booth{width:70%}}.votes{gap:6px;display:flex}.vote{background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:flex}.vote-count{font-variant-numeric:tabular-nums;min-width:1ch;color:var(--fg)}.vote:disabled{opacity:.6}.vote.up:hover:not(:disabled){color:var(--green);border-color:#39ff8880}.vote.down:hover:not(:disabled){color:var(--danger);border-color:#ff5c7a80}.vote.up.active{color:var(--green);border-color:var(--green);background:#39ff881a;box-shadow:0 0 14px #39ff8859}.vote.down.active{color:var(--danger);border-color:var(--danger);background:#ff5c7a1a}.dancer.vote-up{--beat:.3s}.dancer.vote-up .dancer-torso{box-shadow:0 0 16px hsl(var(--hue) 95% 60% / .8)}.dancer.vote-up:after{content:"";z-index:-1;background:radial-gradient(#39ff88b3,#0000 70%);border-radius:50%;width:38px;height:8px;margin-left:-19px;position:absolute;bottom:10px;left:50%}.dancer.vote-down .dancer-figure,.dancer.vote-down .arm,.dancer.vote-down .leg{animation:none!important}.dancer.vote-down .arm.left{transform:rotate(-70deg)translateY(-2px)}.dancer.vote-down .arm.right{transform:rotate(70deg)translateY(-2px)}.dancer.vote-down .dancer-figure{filter:saturate(.5)}@media (width<=760px){.now-playing{flex-wrap:wrap}.now-playing-text{flex-basis:calc(100% - 52px)}}