@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2) format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--f-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}button{font-family:inherit}.stage-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(60vw 60vw at 12% -10%,color-mix(in srgb,var(--primary) 40%,transparent),transparent 60%),radial-gradient(55vw 55vw at 92% 8%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 60%),radial-gradient(70vw 50vw at 50% 120%,color-mix(in srgb,var(--cyan) 18%,transparent),transparent 55%),var(--bg)}.stage-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:3px 3px;opacity:.35}.wrap{max-width:620px;margin:0 auto;padding:20px 16px 96px}.wrap-wide{max-width:1100px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;border-radius:12px;object-fit:cover;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;font-size:20px}.brand-name{font-family:var(--f-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.eyebrow{font-family:var(--f-display);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:var(--muted)}.st-credit{text-decoration:none;opacity:.75;transition:opacity .15s}.st-credit:hover{opacity:1;text-decoration:underline}h1{font-family:var(--f-display);font-weight:700;letter-spacing:-.03em;margin:.2em 0}h2{font-family:var(--f-display);font-weight:600;letter-spacing:-.02em}.muted{color:var(--muted)}.panel{background:color-mix(in srgb,var(--bg2) 78%,transparent);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px}.card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);padding:12px;margin-bottom:10px}.btn{border:0;cursor:pointer;border-radius:var(--r-pill);padding:12px 18px;font-weight:600;font-size:15px;color:#150a12;background:linear-gradient(135deg,var(--primary),var(--accent));transition:transform .12s ease,filter .12s ease,opacity .12s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{display:block;width:100%}.btn-ghost{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.12)}.btn-ghost:hover{background:#ffffff1a}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:8px 12px;font-size:13px}.input,.select{width:100%;padding:13px 14px;border-radius:var(--r-md);color:var(--text);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);font-size:16px;outline:none;transition:border-color .12s,background .12s}.input:focus,.select:focus{border-color:var(--primary);background:#ffffff14}.input::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}.label{display:block;font-size:13px;color:var(--muted);margin:0 0 6px 2px}.field{margin-bottom:14px}.cover{border-radius:12px;object-fit:cover;flex:none;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 60%,#222),color-mix(in srgb,var(--accent) 60%,#222));display:grid;place-items:center;color:#ffffffd9}.cover-fallback:after{content:none}.cover-fallback{position:relative;display:flex;align-items:center;justify-content:center;gap:8%;overflow:hidden}.cover-fallback .eqbar{width:12%;background:#ffffffeb;border-radius:999px;animation:cover-eq 1.9s ease-in-out infinite}.cover-fallback .eqbar:nth-child(1){height:35%;animation-delay:-.9s}.cover-fallback .eqbar:nth-child(2){height:65%;animation-delay:-.5s}.cover-fallback .eqbar:nth-child(3){height:45%;animation-delay:-1.1s}.cover-fallback .eqbar:nth-child(4){height:75%;animation-delay:-.2s}@keyframes cover-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.cover-fallback .eqbar{animation:none;transform:scaleY(.7)}}.trackrow{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--r-md)}.trackrow:hover{background:#ffffff0d}.trackrow .meta{min-width:0;flex:1}.trackrow .t{font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;word-break:break-word}.trackrow .a{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qlist{display:flex;flex-direction:column;gap:10px}.qlist.playlist{height:52vh;min-height:160px;max-height:90vh;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable;resize:vertical}.qlist.playlist::-webkit-resizer{background:linear-gradient(135deg,transparent 0 45%,color-mix(in srgb,var(--primary) 70%,transparent) 45% 55%,transparent 55% 100%)}.qcard{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.07);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.qcard.playing{border-color:color-mix(in srgb,var(--primary) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 40%,transparent),0 10px 40px -12px color-mix(in srgb,var(--primary) 60%,transparent)}.rank{font-family:var(--f-display);font-weight:700;font-size:15px;color:var(--muted);width:22px;text-align:center;flex:none}.qcard .meta{min-width:0;flex:1}.chip{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill);background:#ffffff14;color:var(--muted)}.chip.live{background:color-mix(in srgb,var(--primary) 25%,transparent);color:var(--text)}.by{font-size:13px;color:var(--muted)}.msg{font-size:13px;color:var(--text);opacity:.85;font-style:italic;margin-top:2px}.vote{display:flex;flex-direction:column;align-items:center;gap:1px;flex:none;min-width:54px;padding:8px 6px;border-radius:var(--r-md);cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text);transition:transform .12s,background .12s,border-color .12s}.vote:hover{background:#ffffff1a}.vote:active{transform:scale(.94)}.vote.on{background:color-mix(in srgb,var(--primary) 22%,transparent);border-color:var(--primary)}.vote .n{font-family:var(--f-display);font-weight:700;font-size:17px;line-height:1}.vote .u{font-size:10px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);padding:12px 18px;border-radius:16px;font-weight:600;z-index:50;background:#1b1327;border:1px solid rgba(255,255,255,.14);color:var(--text);box-shadow:0 20px 60px -20px #000c;max-width:min(92vw,420px);width:max-content;text-align:center;line-height:1.4}.toast.err{border-color:var(--danger)}.toast.ok{border-color:var(--ok)}.searchbar{position:sticky;bottom:12px;margin-top:20px;margin-bottom:20px;z-index:5}.row{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.grow{flex:1}.spacer{height:16px}.center{text-align:center}.hidden{display:none}.display{position:fixed;top:0;right:0;bottom:0;left:0;padding:26px 40px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.display .now{display:flex;gap:20px;align-items:center;margin-bottom:12px;flex:none}.display .now .cover{width:140px;height:140px;box-shadow:0 30px 90px -20px #000000b3}.display .now .np{font-family:var(--f-display);font-weight:700;font-size:clamp(18px,2.8vw,30px);letter-spacing:-.03em;line-height:1.02}.display .now .npa{font-size:clamp(14px,1.8vw,19px);color:var(--muted);margin-top:4px}.display-grid{display:grid;grid-template-columns:1fr;gap:12px}.dqcard{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--r-md);overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.dqcard .n{font-family:var(--f-display);font-weight:700;font-size:20px}.qr-poster{display:grid;place-items:center;gap:clamp(4px,1vh,10px);flex:none;align-self:flex-start;padding:clamp(10px,2vh,18px)!important}.qr-poster canvas,.qr-poster img{border-radius:14px;background:#fff;padding:clamp(6px,1.4vh,12px)}.code-big{font-family:var(--f-display);font-weight:700;font-size:clamp(20px,3.4vh,34px);letter-spacing:.1em}@media(max-width:720px){.display{padding:20px 16px}.display .now{flex-direction:column;text-align:center;gap:18px}.display .now .cover{width:180px;height:180px}.display-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.grad-text{background:linear-gradient(100deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.btn{box-shadow:0 8px 24px -12px color-mix(in srgb,var(--primary) 80%,transparent),inset 0 1px #ffffff47;letter-spacing:-.01em}.panel{box-shadow:0 24px 70px -40px #000000e6}.qcard{will-change:transform}.qcard:hover{transform:translateY(-1px);border-color:#ffffff24}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:15px;color:var(--primary)}.eq-bar{width:3px;height:100%;background:currentColor;border-radius:2px;transform-origin:bottom;animation:eq 1.6s ease-in-out infinite}@keyframes eq{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.chip.live{position:relative}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 color-mix(in srgb,var(--primary) 70%,transparent);animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--primary) 60%,transparent)}to{box-shadow:0 0 0 12px transparent}}.rank.top1{color:var(--accent)}.rank.top2{color:var(--cyan)}.rank.top3{color:var(--primary)}.vote.on{background:linear-gradient(135deg,var(--primary),var(--accent));color:#150a12;border-color:transparent}.vote.on .u{color:#150a12b3}.display .now .cover{border-radius:24px;box-shadow:0 40px 120px -30px color-mix(in srgb,var(--primary) 50%,black)}.display .now .np{line-height:1}.np-row{display:flex;align-items:center;gap:16px}.dqcard{transition:transform .2s ease,border-color .2s;will-change:transform}.dqcard:hover{border-color:#ffffff29}.codebox{font-family:var(--f-display);font-weight:700;letter-spacing:.12em;font-size:20px;text-align:center;padding:14px;border-radius:var(--r-md);background:#ffffff0f;border:1px dashed rgba(255,255,255,.25);word-break:break-all}.link-btn{background:none;border:0;color:var(--muted);cursor:pointer;padding:6px 2px;font-size:14px;text-decoration:underline}.link-btn:hover{color:var(--text)}.pw-wrap{position:relative}.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px}.player-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}.player-layout>*{min-width:0}@media(max-width:820px){.player-layout{grid-template-columns:1fr}}.deckbtn{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;border-radius:var(--r-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text);cursor:pointer;font-weight:600;transition:border-color .15s,background .15s}.deckbtn:hover{background:#ffffff14}.deckbtn.on{background:color-mix(in srgb,var(--primary) 14%,transparent);box-shadow:inset 0 0 0 2px var(--primary)}.transport .now-playing{padding:6px 0 2px}.np-title{font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:-.02em;margin-bottom:10px}.progress{height:8px;border-radius:6px;background:#ffffff1a;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .2s linear}.playrow{gap:10px}.playrow .drag{color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none}.playrow.playing .np-title,.playrow.playing .t{color:var(--primary)}.ghost-input{background:transparent;border:0;color:inherit;font:inherit;width:100%;padding:2px 4px;border-radius:6px;outline:none}.ghost-input:focus{background:#ffffff12}.ghost-input.t{font-weight:600}.ghost-input.a{font-size:13px}.iconbtn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:8px;width:30px;height:30px;cursor:pointer;flex:none}.iconbtn:hover{background:#ffffff1f}.stage-bg{animation:drift 26s ease-in-out infinite alternate}@keyframes drift{0%{background-position:0% 0%,100% 0%,50% 100%,0 0}to{background-position:12% 6%,84% 10%,46% 92%,0 0}}.display-ambient{position:fixed;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:-1;background-size:cover;background-position:center;filter:blur(90px) saturate(1.35);opacity:.4;animation:kenburns 30s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.15) translate(0)}to{transform:scale(1.32) translate(2%,-2%)}}.display .now .cover{animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.spinring{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:30px;z-index:-1;background:conic-gradient(from 0deg,var(--primary),var(--accent),var(--cyan),var(--primary));filter:blur(18px);opacity:.5;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.particle{position:absolute;bottom:-20px;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--accent) 70%,transparent);animation:rise linear infinite;opacity:0}@keyframes rise{0%{transform:translateY(0) scale(.6);opacity:0}10%{opacity:.7}to{transform:translateY(-110vh) scale(1);opacity:0}}.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid rgba(255,255,255,.08);margin-top:24px;padding:14px 0;flex:none;line-height:1.4}.ticker-track{display:inline-block;animation:ticker linear infinite;animation-duration:30s;vertical-align:middle}.ticker-strip{display:inline-block}.ticker-item{display:inline-block;margin-right:40px;color:var(--muted);font-family:var(--f-display);vertical-align:middle}.ticker-item b{color:var(--text)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.stage-bg,.display-ambient,.display .now .cover,.spinring,.particle,.ticker-track{animation:none!important}}.deckbtn{padding:0;overflow:hidden}.deck-open{display:flex;align-items:center;gap:7px;flex:1;min-width:0;background:none;border:0;color:inherit;cursor:pointer;padding:12px 10px;font-weight:600;text-align:left}.deck-move{display:flex;flex-direction:column;padding-right:6px;gap:2px;flex:none}.dot{width:12px;height:12px;border-radius:50%;flex:none}.dot.lg{width:16px;height:16px}.deck-open .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.deck-live-title{font-size:11px;font-weight:500;color:#22c55e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}.cdj{display:flex;align-items:center;gap:20px}.cdj-btn{width:88px;height:88px;border-radius:50%;flex:none;cursor:pointer;background:radial-gradient(circle at 50% 38%,#ffffff1a,#ffffff05);border:3px solid var(--primary);color:var(--primary);font-size:34px;line-height:1;box-shadow:0 12px 40px -14px #000000e6,inset 0 1px #ffffff26;transition:transform .08s ease,filter .12s}.cdj-btn:hover{filter:brightness(1.12)}.cdj-btn:active{transform:scale(.95)}.cdj-info{flex:1;min-width:0}.loaded-title{font-family:var(--f-display);font-weight:700;font-size:22px;letter-spacing:-.02em;margin-bottom:8px;flex:1;min-width:0}.marquee{overflow:hidden;width:100%}.marquee-in{display:inline-block;white-space:nowrap;will-change:transform}.marquee-in.run{animation-name:marquee-pp;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes marquee-pp{0%,10%{transform:translate(0)}50%,60%{transform:translate(var(--shift, 0))}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.marquee-in.run{animation:none}}.times{display:flex;justify-content:space-between;font-family:var(--f-display);font-weight:600;margin-bottom:6px}.times .elapsed{color:var(--muted)}.times .elapsed.live{color:var(--text)}.times .remain{color:var(--accent)}.settings-row{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.chk{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.set{display:inline-flex;align-items:center;gap:6px;font-size:14px}.input.xs,.select.xs{width:auto;min-width:60px;padding:6px 8px;font-size:14px}.input.xs{width:64px}.iconbtn.xs{width:22px;height:20px;font-size:11px;line-height:1}.swatches{display:inline-flex;gap:5px}.swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.on{border-color:#fff}.playrow.selected{outline:2px solid color-mix(in srgb,var(--primary) 60%,transparent);outline-offset:-2px}.playrow .drag{cursor:grab;color:var(--muted);-webkit-user-select:none;user-select:none}.keys{font-size:12px;margin-top:12px;text-align:center}.deck-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#ffffff14;font-size:12px;font-weight:700;color:var(--muted);flex:none}.deckbtn.on .deck-num{background:var(--primary);color:#08040d}.ctrl-tag{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 50%,transparent);border-radius:999px;padding:1px 7px}.vol{display:inline-flex;align-items:center;gap:8px}.vol input[type=range]{width:120px;accent-color:var(--primary)}.seg{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px;background:#ffffff0a}.seg>.muted{padding:0 4px 0 8px}.seg button{background:transparent;border:0;color:var(--muted);padding:5px 12px;cursor:pointer;font-size:12px;line-height:1;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}.seg button:hover{color:var(--text);background:#ffffff0f}.seg button.on,.seg button.on:hover{background:var(--primary);color:#08040d;font-weight:700}.keys-panel{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.keys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px}.keys-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.keycap{min-width:74px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--text);font-weight:700;cursor:pointer;font-family:var(--f-display)}.keycap.capturing{border-color:var(--primary);color:var(--primary);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.state-badge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;white-space:nowrap;flex:none}.state-badge.playing{color:#08120c;background:#4ade80}.state-badge.loading{color:#1a1205;background:var(--accent)}.state-badge.stopped,.state-badge.idle{color:var(--muted);border:1px solid rgba(255,255,255,.18)}.end-note{font-size:11px;color:var(--muted);text-align:center;flex:1}.wave{position:relative;display:flex;align-items:flex-end;gap:1px;height:56px;margin:8px 0 4px;cursor:grab;background:#ffffff08;border-radius:8px;padding:4px 6px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none}.wave.empty{align-items:center;justify-content:center;font-size:12px;height:40px;cursor:default}.wbar{flex:1;min-width:1px;border-radius:1px;align-self:center}.wave-lead{position:absolute;top:0;left:0;bottom:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 4px,transparent 4px,transparent 8px);border-right:1px dashed rgba(255,255,255,.3);pointer-events:none}.wave-head{position:absolute;top:0;bottom:0;width:2px;pointer-events:none}.chip.warn{background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent)}.player-layout.collapsed{grid-template-columns:68px 1fr}.player-layout.collapsed>.panel:first-child{padding:10px 6px}.player-layout.collapsed .deck-open{justify-content:center;padding:10px 2px}.player-layout.collapsed .deckbtn{border-left-width:3px;margin:0 auto 6px;width:100%}.player-layout.collapsed .deck-num{width:24px;height:24px;font-size:13px}.lic-chip{border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--text);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;cursor:pointer}.lic-chip.lic-ok{border-color:color-mix(in srgb,#4ade80 60%,transparent);color:#4ade80}.lic-chip.lic-trial{border-color:color-mix(in srgb,var(--accent) 60%,transparent);color:var(--accent)}.lic-chip.lic-exp{border-color:color-mix(in srgb,#ff6b6b 60%,transparent);color:#ff6b6b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px;overflow-y:auto}.modal{background:var(--panel, #140d1f);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg, 16px);padding:20px;max-width:460px;width:100%;box-shadow:0 30px 80px -20px #000c;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;-webkit-overflow-scrolling:touch}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}@media(max-width:640px){.mode-cards{grid-template-columns:1fr}}.mode-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text);text-decoration:none}.mode-card.link{cursor:pointer;transition:border-color .15s,background .15s}.mode-card.link:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.mode-ico{font-size:28px}.mode-t{font-family:var(--f-display);font-weight:700;font-size:16px}.mode-go{font-size:22px;color:var(--primary)}.mode-card.locked{opacity:.72;filter:grayscale(.4)}.mode-card.locked .mode-ico{opacity:.8}.mode-card.link.locked:hover{opacity:.95;border-color:#ffffff29;background:#ffffff0d}.mode-card.locked .mode-go{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--muted);background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 12px;white-space:nowrap}.dropzone{border:1.5px dashed rgba(255,255,255,.18);border-radius:12px;padding:12px;text-align:center;color:var(--muted);font-size:13px;margin-bottom:12px;transition:border-color .15s,background .15s,color .15s}.dropzone.over{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--text)}.lib-modal{max-width:620px}.lib-list{max-height:46vh;overflow-y:auto;margin-top:12px;display:flex;flex-direction:column;gap:6px;-webkit-overflow-scrolling:touch}.lib-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text);cursor:pointer}.lib-row.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.lib-row .cbx{width:24px;height:24px;border-radius:6px;border:1.5px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800;flex:none}.lib-row.on .cbx{border-color:var(--primary)}.lib-row .meta{display:flex;flex-direction:column;min-width:0}.lib-row .meta .t{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-row .meta .a{font-size:12px}@media(pointer:coarse){.cdj-btn{width:104px;height:104px;font-size:40px}.btn,.btn-sm{min-height:44px}.iconbtn{width:40px;height:40px;font-size:16px}.iconbtn.xs{width:34px;height:30px}.playrow{padding:14px 12px;gap:12px}.playrow .btn.btn-sm{min-width:46px;min-height:46px}.deckbtn{min-height:52px}.deck-open{padding:14px 12px}.seg button{padding:9px 14px;font-size:14px}.vol input[type=range]{width:150px;height:26px}.swatch{width:28px;height:28px}.keycap{min-height:44px}.lib-row{padding:15px}.ghost-input{padding:8px}}.playrow{transition:background .12s,box-shadow .12s}.playrow.playing{box-shadow:inset 3px 0 0 var(--primary)}.cdj-btn:focus-visible,.btn:focus-visible,.keycap:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sortbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:12px;font-size:13px}.sortchip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted);border-radius:999px;padding:5px 12px;cursor:pointer;font-size:13px}.sortchip.on{background:var(--primary);color:#08040d;border-color:var(--primary);font-weight:700}.rank-edit{width:38px;text-align:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:var(--text);border-radius:7px;padding:4px 2px;font-weight:700;font-family:var(--f-display);-moz-appearance:textfield}.rank-edit::-webkit-outer-spin-button,.rank-edit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(pointer:coarse){.sortchip{padding:8px 14px}.rank-edit{width:46px;min-height:40px}}.sc-modal{max-width:460px}.sc-power{width:100%;padding:16px;border-radius:12px;font-size:20px;font-weight:800;font-family:var(--f-display);cursor:pointer;border:2px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--text);margin-bottom:6px}.sc-power.on{background:#4ade80;color:#06120b;border-color:#4ade80}.sc-section{margin-top:12px}.sc-section .eyebrow{margin-bottom:6px}.seg.wrap{display:flex;flex-wrap:wrap;border:0;gap:6px;overflow:visible}.seg.wrap button{border:1px solid rgba(255,255,255,.14);border-radius:8px}.tour-modal{max-width:440px}.tour-dots{display:flex;gap:6px;justify-content:center;margin-top:6px}.tour-dots span{width:7px;height:7px;border-radius:50%;background:#fff3}.tour-dots span.on{background:var(--primary)}.info-wrap{position:relative;display:inline-flex}.info-btn{background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px;padding:0 2px}.info-btn:hover{color:var(--text)}.info-pop{position:absolute;top:130%;left:50%;transform:translate(-50%);width:240px;z-index:40;background:#170f24;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--text);box-shadow:0 16px 40px -12px #000c}@media(pointer:coarse){.info-btn{font-size:18px;padding:4px 6px}.sc-power{padding:20px}}.eq-modal{max-width:560px}.eq-rta{width:100%;height:90px;background:#0a0612;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:block}.eq-bands{display:flex;justify-content:space-between;gap:4px;margin-top:14px}.eq-band{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.eq-slider{height:120px;accent-color:var(--primary);cursor:pointer}.eq-slider:disabled{opacity:.4}.eq-db{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);min-height:14px}.eq-hz{font-size:10px;color:var(--muted)}@media(pointer:coarse){.eq-slider{height:150px}.eq-band{gap:8px}}.meas-modal{max-width:680px}.meas-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;margin-top:10px}.meas-row{border-top:1px solid rgba(255,255,255,.06);padding:10px 0}.meas-row:first-of-type{border-top:0}.meas-result{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.pill{background:#37e6d926;color:#37e6d9;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.pill.big{font-size:14px;padding:4px 12px;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.mini-curve{background:#0a0612;border:1px solid rgba(255,255,255,.1);border-radius:6px}.align-table{display:flex;flex-direction:column;gap:6px}.align-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff0a;border-radius:8px}.meas-msg{margin-top:10px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);font-size:13px}@media(pointer:coarse){.meas-row .btn,.meas-row .input,.meas-row .select{min-height:42px}}.meas-row.next{background:color-mix(in srgb,var(--primary) 8%,transparent);border-radius:8px;padding:8px;margin:4px -8px;border-top:0}.warnchip{background:color-mix(in srgb,#ffb03a 20%,transparent);color:#ffb03a;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.sess-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 4px}@media(pointer:coarse){.sess-bar .btn,.sess-bar .input,.sess-bar .select{min-height:42px}}.deck-toggle{text-decoration:none;border-radius:8px}.player-layout.collapsed .deck-toggle{color:var(--text)}.player-layout.collapsed .deck-toggle:hover{background:#ffffff12}@media(pointer:coarse){.deck-toggle{min-height:44px}}a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.select option,select option{background:#140d1f;color:#f4f0f8}.select,select{color:var(--text)}.settings-block{border-top:1px solid rgba(255,255,255,.07);padding:10px 0}.settings-block:first-of-type{border-top:0}.settings-head{font-family:var(--f-display);font-weight:700;margin-bottom:4px}.settings-line{font-size:13px;margin:3px 0;line-height:1.5}.peq{display:inline}.peqband{display:inline-block;background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--text);border-radius:6px;padding:2px 8px;margin:2px 4px 2px 0;font-size:12px;font-variant-numeric:tabular-nums}.geq{display:inline}.geqband{display:inline-block;color:var(--muted);font-size:11px;margin:0 6px 0 0;font-variant-numeric:tabular-nums}.geqband.nz{color:var(--accent);font-weight:700}.wifi-line{font-size:15px;margin-bottom:6px;color:var(--text)}.wifi-line b{color:var(--accent)}.update-bar{position:fixed;left:50%;transform:translate(-50%);top:16px;bottom:auto;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:999px;background:var(--panel, #140d1f);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 40px -12px #000000b3;font-size:14px}.source-grid{display:grid;grid-template-columns:1fr;gap:8px}.source-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);cursor:pointer;background:#ffffff05}.source-opt.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}.source-opt.off{opacity:.5;cursor:not-allowed}.source-opt input{width:18px;height:18px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle;background:#6b7280}.live-dot.on{background:#22c55e;box-shadow:0 0 #22c55e99;animation:livepulse 1.8s infinite}.live-dot.paused{background:#f59e0b}.live-dot.off{background:#6b7280}@keyframes livepulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.guest-hero{text-align:center;margin:8px 0 16px}.guest-hero-logo{max-width:220px;max-height:130px;object-fit:contain;margin:0 auto 8px;display:block;filter:drop-shadow(0 6px 20px rgba(0,0,0,.4))}.lastcall{text-align:center;font-weight:700;padding:10px 14px;border-radius:12px;margin-bottom:12px;background:color-mix(in srgb,var(--accent) 20%,transparent);border:1px solid var(--accent)}.social-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.social-btn{display:inline-block;padding:8px 12px;border-radius:999px;font-size:13px;text-decoration:none;color:var(--text);border:1px solid rgba(255,255,255,.16);background:#ffffff08}.social-btn:hover{border-color:var(--primary)}.follow-card{border:1px solid var(--primary);border-radius:14px;padding:14px;margin-bottom:14px;text-align:center;background:color-mix(in srgb,var(--primary) 10%,transparent);display:flex;flex-direction:column;gap:10px;align-items:center}.follow-card.done{border-color:#22c55e;background:color-mix(in srgb,#22c55e 12%,transparent);font-weight:600}.follow-head{font-weight:700;font-family:var(--f-display)}.votebox{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:46px}.votebox .vote{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;cursor:pointer;color:var(--text);font-size:17px;line-height:1;padding:6px 8px;border-radius:8px}.votebox .vote.up.on{color:#22c55e;border-color:#22c55e;background:color-mix(in srgb,#22c55e 16%,transparent)}.votebox .vote.down.on{color:#ef4444;border-color:#ef4444;background:color-mix(in srgb,#ef4444 16%,transparent)}.votebox .vote:hover{background:#ffffff24}.votebox .n{font-weight:700;font-variant-numeric:tabular-nums}.namebar{border:1px solid var(--primary);border-radius:14px;padding:12px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--primary) 8%,transparent)}.qcard.hot,.dqcard.hot{border:2px solid color-mix(in srgb,var(--primary) 65%,transparent);box-shadow:0 8px 30px -8px color-mix(in srgb,var(--primary) 60%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--panel, #140d1f))}.dqcard.hot{padding:11px 15px}.flame{display:inline-block;font-size:1.1em;transform-origin:50% 90%;animation:flame-flicker .7s ease-in-out infinite alternate}@keyframes flame-flicker{0%{transform:scale(1) rotate(-3deg);filter:drop-shadow(0 0 4px rgba(255,90,0,.6))}50%{transform:scale(1.12) rotate(2deg)}to{transform:scale(1.04) rotate(-1deg);filter:drop-shadow(0 0 10px rgba(255,150,0,.9))}}.modal.onboard{text-align:center;max-width:400px}.modal.onboard h2{font-family:var(--f-display);margin:6px 0}.onboard-ico{font-size:40px;margin-bottom:6px}.onboard-dots{display:flex;gap:6px;align-items:center}.dot2{width:7px;height:7px;border-radius:50%;background:#ffffff40}.dot2.on{background:var(--primary)}.chatbar{display:flex;gap:8px;margin-top:18px}.chatbar .input{flex:1}.swatches{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.1)}.nick-preview{margin-top:10px}.ticker.shout{background:color-mix(in srgb,var(--primary) 14%,rgba(0,0,0,.4));border-top:1px solid rgba(255,255,255,.12)}.ticker.shout .ticker-item{font-size:20px}.shout-feed{margin-top:24px}.shout-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff0a;margin-bottom:6px}.shout-text{opacity:.92}.heart{border:0;background:none;cursor:pointer;display:flex;align-items:center;gap:3px;font-size:16px;padding:4px 6px;border-radius:10px}.heart .hn{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.heart .hi{filter:grayscale(1);opacity:.6;transition:transform .12s ease}.heart.on .hi{filter:none;opacity:1;transform:scale(1.15)}.heart.on .hn{color:#ff5d8f}.feedback-box{margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.feedback-toggle{width:100%;background:none;border:1px dashed rgba(255,255,255,.2);color:var(--muted);border-radius:12px;padding:10px;cursor:pointer;font-size:13px}.feedback-toggle:hover{color:var(--text);border-color:var(--primary)}.statusbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.stat{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff0d;font-size:12px}.stat .dot{width:8px;height:8px;border-radius:50%;background:#888}.stat.ok .dot{background:#22c55e;box-shadow:0 0 6px #22c55e}.stat.bad .dot{background:#ef4444}.stat.off .dot{background:#666}.stat .nm{font-weight:600}.stat .tm{color:var(--muted)}.qcard.hasact{flex-wrap:wrap}.qcard.hasact .meta{flex:1 1 55%;min-width:120px}.qactions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-left:auto}.qcard .meta .t,.qcard .meta .a,.dqcard .meta .t,.dqcard .meta .a,.by,.msg,.shout-text,.stat .tm{overflow-wrap:anywhere}.toast{z-index:60}.coach-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.coach-hole{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #000000c7,0 0 0 3px var(--primary),0 0 34px 8px color-mix(in srgb,var(--primary) 85%,transparent);transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;pointer-events:none}.coach-tip{position:fixed;z-index:71;pointer-events:auto;background:var(--panel, #140d1f);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px 16px;box-shadow:0 24px 60px -16px #000c}.coach-title{font-weight:700;font-family:var(--f-display);margin-bottom:4px}.coach-body{color:var(--muted);font-size:13px;line-height:1.45}.coach-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.coach-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff40}.coach-dots span.on{background:var(--primary)}.guest-help{position:fixed;right:14px;bottom:14px;z-index:40;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:var(--panel, #140d1f);color:var(--text);font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px -10px #000000b3}.guest-help:hover{border-color:var(--primary)}button.mode-card{font:inherit;text-align:left;width:100%}.showbar{display:flex;flex-direction:column;gap:8px;padding:12px;margin-bottom:16px;border-radius:var(--r-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.showbar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.showbar-lbl{font-size:13px;color:var(--muted)}.showbar-val{font-weight:700;font-variant-numeric:tabular-nums;margin-right:4px}.lastcall-big{text-align:center;font-family:var(--f-display);font-weight:800;font-size:30px;padding:16px;border-radius:16px;margin-bottom:16px;color:#08040d;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 12px 40px -10px color-mix(in srgb,var(--primary) 70%,transparent);animation:lastcall-pulse 1.4s ease-in-out infinite}@keyframes lastcall-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.chat-paused{margin-top:18px;text-align:center;padding:12px;border-radius:12px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.14);font-size:14px}.wifi-qr{display:flex;flex-direction:column;align-items:center;gap:4px;margin:8px 0}.wifi-qr img{border-radius:8px;background:#fff;padding:6px}.sp-steps{margin:4px 0 12px;padding-left:20px}.sp-steps li{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:4px}.sp-inline-wrap{margin-top:10px}.sp-inline{border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);background:#ffffff08;padding:10px 12px}.settings-toggle-row{margin:8px 0 2px}.settings-toggle{font-size:13px;opacity:.85}.settings-toggle:hover{opacity:1}.playlist{gap:6px;max-height:520px;overflow-y:auto;padding-right:4px}.playlist .playrow{padding:6px 10px;gap:10px}.playlist .playrow:hover{transform:none}.playlist .playrow .meta .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600}.playlist .playrow .meta .a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.2}.playlist .playrow .rank,.playlist .playrow .rank-edit{font-size:13px}.bg-playing{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:12px;border-radius:var(--r-md);font-size:14px;color:var(--text, #fff);background:#ffffff0f;border:1px solid rgba(255,255,255,.16)}.bg-playing b{color:#fff}.bg-playing .mode-go{color:var(--primary);font-weight:700;white-space:nowrap}.bg-playing .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px 2px currentColor;animation:pulse 1.6s ease-in-out infinite}.deckbtn.live{background:color-mix(in srgb,#22c55e 12%,transparent)}.live-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#22c55e;border:1px solid color-mix(in srgb,#22c55e 55%,transparent);border-radius:999px;padding:1px 6px}.modal.confirm{max-width:400px}.modal.confirm h2{font-family:var(--f-display);margin:0;font-size:20px}.lib-folder{margin-bottom:12px}.lib-folder-head{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4px;position:sticky;top:0;background:var(--panel, #140d1f);z-index:1}.playlist .playrow.playing{border-color:#22c55e;box-shadow:inset 3px 0 #22c55e,0 0 0 1px color-mix(in srgb,#22c55e 45%,transparent),0 8px 30px -12px color-mix(in srgb,#22c55e 55%,transparent)}.playlist .playrow.playing .t,.playlist .playrow.playing .rank{color:#22c55e}.playlist .playrow.selected:not(.playing){outline:none;border-color:#fb923c;box-shadow:inset 3px 0 #fb923c,0 0 0 1px color-mix(in srgb,#fb923c 45%,transparent)}.playlist .play-col{flex:none;min-width:34px;padding:6px 10px}.playlist .play-col.cdj-btn-sm{width:30px;height:30px;padding:0;border-radius:50%;min-width:0;background:radial-gradient(circle at 50% 38%,#ffffff1a,#ffffff05);border:2px solid var(--primary);color:var(--primary);font-size:13px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px -6px #000c,inset 0 1px #ffffff26;transition:transform .08s ease,filter .12s}.playlist .play-col.cdj-btn-sm:hover{filter:brightness(1.12)}.playlist .play-col.cdj-btn-sm:active{transform:scale(.92)}.onboard-note{margin-top:10px;font-size:13px;padding:8px 12px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.picked-panel{border:1px solid color-mix(in srgb,var(--primary) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 30%,transparent),0 16px 44px -16px color-mix(in srgb,var(--primary) 55%,transparent);animation:pickpop .28s ease}@keyframes pickpop{0%{transform:translateY(6px);opacity:.4}to{transform:none;opacity:1}}.notinlib{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;padding:10px 12px;margin-bottom:12px;border-radius:10px;color:#fbbf24;background:color-mix(in srgb,#f59e0b 14%,transparent);border:1px solid color-mix(in srgb,#f59e0b 45%,transparent)}.dqcard .votes{color:var(--primary);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.dqcard .votes .hrt{color:#fb7185}.allowance-line{font-size:13px;margin-top:20px;margin-bottom:8px;padding:8px 12px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);text-align:center}.guest-entry{border:1px solid color-mix(in srgb,var(--primary) 40%,transparent);background:color-mix(in srgb,var(--primary) 8%,transparent)}.heart-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:40}.rain-heart{position:absolute;bottom:-8vh;line-height:1;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4));animation:heartfloat var(--dur, 3s) cubic-bezier(.3,.7,.4,1) forwards;will-change:transform,opacity}@keyframes heartfloat{0%{transform:translateY(0) translate(0) scale(.6) rotate(0);opacity:0}12%{opacity:1}70%{opacity:1}to{transform:translateY(-112vh) translate(var(--drift, 0)) scale(1.15) rotate(18deg);opacity:0}}@media(prefers-reduced-motion:reduce){.rain-heart{animation-duration:.01s;opacity:0}}.rain-heart.thumb{top:-8vh;bottom:auto;animation-name:thumbdrop}@keyframes thumbdrop{0%{transform:translateY(0) translate(0) scale(.6) rotate(0);opacity:0}12%{opacity:1}70%{opacity:1}to{transform:translateY(112vh) translate(var(--drift, 0)) scale(1.1) rotate(-14deg);opacity:0}}.social-btn.followed{border-color:color-mix(in srgb,#22c55e 60%,transparent);background:color-mix(in srgb,#22c55e 16%,transparent);color:#eafff1}.follow-tally{margin-top:10px;font-size:13px;font-weight:600;color:#22c55e}.deck-count{font-size:12px;font-weight:700;color:var(--muted);min-width:14px;text-align:right;flex:none}.deckbtn .live-tag,.deckbtn .ctrl-tag{flex:none;align-self:center;line-height:1}.deckbtn.live .deck-num{background:color-mix(in srgb,#22c55e 22%,transparent);color:#eafff1}.brand-img{width:44px;height:44px;border-radius:12px;object-fit:cover;display:block;background:#ffffff0f}.logo-icon-preview{display:inline-flex;width:44px;height:44px;border-radius:12px;overflow:hidden;background:#ffffff0f;align-items:center;justify-content:center}.logo-icon-preview img{width:100%;height:100%;object-fit:cover}.follow-card.plain{border:none;background:transparent;padding:6px 0 0}.farewell{text-align:center;padding:30px 20px 26px;border-radius:18px;margin-bottom:18px;background:color-mix(in srgb,var(--primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--primary) 40%,transparent)}.farewell-emoji{font-size:46px;line-height:1;margin-bottom:10px}.farewell-title{font-family:var(--f-display);font-weight:700;font-size:24px;margin-bottom:6px}.farewell-body{color:var(--muted);font-size:15px;margin-bottom:16px}.farewell-review{font-size:15px;font-weight:600;margin-bottom:14px}.farewell-btn{font-size:16px;padding:12px 22px}.farewell-rating{margin-top:16px}.google-review-card{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 20px;max-width:360px;margin:0 auto;background:color-mix(in srgb,var(--primary) 10%,transparent)}.google-review-plain{max-width:360px;margin:0 auto;padding:4px 0}.google-review-head{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text)}.google-review-sub{font-size:13px;color:var(--muted);margin-bottom:10px}.star-rate-row{display:flex;gap:4px;justify-content:center;margin-bottom:6px}.star-rate-btn{background:none;border:0;font-size:40px;line-height:1;cursor:pointer;padding:2px;color:#fbbc04;transition:transform .15s ease;opacity:.3}.star-rate-btn.on{opacity:1;filter:drop-shadow(0 0 6px rgba(251,188,4,.5))}.star-rate-btn:hover{transform:scale(1.15)}.star-rate-btn.locked{cursor:default}.star-rate-btn.locked:hover{transform:none}.google-review-result{font-size:14px;color:var(--text);margin-top:10px}.x-farewell{text-align:center;padding:clamp(16px,4vh,60px) 20px;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.4vh,14px);flex:1 1 auto;min-height:0;overflow-y:auto;justify-content:center}.x-farewell-emoji{font-size:clamp(40px,9vh,90px);line-height:1}.x-farewell-title{font-family:var(--f-display);font-weight:700;font-size:clamp(26px,5.5vh,52px)}.x-farewell-body{color:var(--muted);font-size:clamp(16px,2.8vh,26px);max-width:900px}.x-farewell-review{font-size:clamp(18px,3.2vh,30px);font-weight:600;margin-top:6px}.x-farewell-qr{background:#fff;padding:clamp(8px,1.8vh,18px);border-radius:18px;box-shadow:0 20px 60px -18px #000000b3}.x-farewell-qr img{display:block;width:clamp(140px,26vh,260px);height:clamp(140px,26vh,260px)}.loaded-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cdj-info,.playlist .playrow{min-width:0}.playlist .t-main,.playlist .t-title,.playlist .grow{min-width:0;overflow:hidden}.playlist .t-title{text-overflow:ellipsis;white-space:nowrap}.wave-cut{position:absolute;top:-2px;bottom:-2px;width:2px;background:#f59e0b;box-shadow:0 0 8px 1px #f59e0bcc}.wave-cut:after{content:"✂";position:absolute;top:-16px;left:-7px;font-size:12px}.chip .chip-x{background:none;border:none;color:inherit;cursor:pointer;margin-left:6px;font-size:11px;opacity:.8}.chip .chip-x:hover{opacity:1}.row>.field .input[type=number]{max-width:150px}.row.between,.row{min-width:0}.closer-card{border:1px solid rgba(129,140,248,.5);background:#6366f11a;border-radius:14px;padding:14px;margin-top:20px;margin-bottom:24px}.x-closer{text-align:center;font-size:22px;padding:10px 16px;border-radius:12px;margin-bottom:18px;border:1px solid rgba(129,140,248,.5);background:#6366f11f}.playlist .qcard{flex-wrap:wrap}.track-note{flex-basis:100%;margin-top:4px;padding-left:2px}.track-note .input{font-size:13px;padding:6px 10px}.note-text{display:inline-block;font-size:13px;color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:3px 8px;cursor:text;max-width:100%}.iconbtn.has-note{color:#fbbf24}.loaded-note{margin-top:8px}.loaded-note .note-text{font-size:15px;padding:6px 12px}.trackrow .sub{display:flex;align-items:center;gap:6px;min-width:0}.trackrow .sub .a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.tiny{font-size:11px;padding:2px 7px;flex-shrink:0;white-space:nowrap}.trackrow .reqbtn{flex-shrink:0;white-space:nowrap}@media(max-width:480px){.trackrow{gap:8px;padding:8px}.trackrow .cover{width:40px!important;height:40px!important}.trackrow .reqbtn{padding:8px 10px;font-size:13px}}.scan-frame{border-radius:14px;overflow:hidden;background:#000;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.scan-frame video{width:100%;height:100%;object-fit:cover}.shout-feed-scroll{max-height:220px;overflow-y:auto}@keyframes flash-up-glow{0%,to{box-shadow:none}30%{box-shadow:0 0 0 3px #22c55ee6,0 0 30px 6px #22c55e80}}@keyframes flash-down-glow{0%,to{box-shadow:none}30%{box-shadow:0 0 0 3px #f43f5ee6,0 0 30px 6px #f43f5e80}}.dqcard.flash-up{animation:flash-up-glow 1.2s ease-out}.dqcard.flash-down{animation:flash-down-glow 1.2s ease-out}@keyframes heartbeat{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 40%,transparent),0 8px 30px -8px color-mix(in srgb,var(--primary) 60%,transparent),0 0 0 0 transparent}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 40%,transparent),0 8px 30px -8px color-mix(in srgb,var(--primary) 60%,transparent),0 0 26px 3px color-mix(in srgb,var(--primary) 45%,transparent)}}.dqcard.top1{padding:16px 18px}.dqcard.top1 .t{font-size:1.12em}.dqcard.top1.hot{animation:heartbeat 3.6s ease-in-out infinite}@keyframes ghost-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes ghost-blink-fast{0%,to{opacity:1}50%{opacity:.25}}@keyframes ghost-pop{0%{transform:scale(1);opacity:1}80%{transform:scale(1.06);opacity:.7}to{transform:scale(.85);opacity:0}}.ghost-rejected{border-color:#f43f5e66;background:#f43f5e14;animation:ghost-pulse 2.4s ease-in-out infinite,ghost-blink-fast .4s steps(1,end) 54s 12,ghost-pop .4s ease-in 59s forwards}.search-results{max-height:60vh;overflow-y:auto}.display-mid{flex:1 1 auto;overflow:visible}.display-mid>.grow{min-width:0;min-height:0;display:flex;flex-direction:column;align-self:stretch}.display-grid{flex:1 1 0;overflow-y:hidden;align-content:start}.upload-progress{position:relative;height:30px;border-radius:8px;overflow:hidden;margin:8px 0;background:#ffffff0f;border:1px solid rgba(255,255,255,.14)}.upload-progress-bar{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .25s ease}.upload-progress-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.wave-picking{cursor:crosshair;box-shadow:0 0 0 2px #f59e0b,0 0 20px 2px #f59e0b80;animation:cut-picking-pulse 1.2s ease-in-out infinite}@keyframes cut-picking-pulse{0%,to{opacity:1}50%{opacity:.75}}.btn.cut-picking{border-color:#f59e0b;color:#f59e0b;background:color-mix(in srgb,#f59e0b 15%,transparent);animation:cut-picking-pulse 1.2s ease-in-out infinite}.guest-queue{max-height:400px;overflow-y:auto;padding-right:4px;margin-bottom:16px}.dj-queue{max-height:58vh;overflow-y:auto;padding-right:4px;scrollbar-gutter:stable}.dj-queue .qcard{padding:6px 10px;gap:8px}.dj-queue .rank{width:20px;font-size:13px}.dj-queue .meta .t{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-queue .meta .a{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-queue .msg{font-size:12px;margin-top:0}.dj-queue .by{font-size:11px;margin-top:2px}.dj-queue .qcard.hasact{flex-wrap:nowrap}.dj-queue .qcard.hasact .meta{flex:1 1 auto;min-width:0}.dj-queue .qactions{flex-wrap:nowrap;margin-left:8px}.dj-queue .qactions .btn{padding:4px 9px;font-size:12px}@media(max-width:640px){.dj-queue .qcard.hasact{flex-wrap:wrap}.dj-queue .qactions{margin-left:auto}}.qr-main-img{width:clamp(120px,22vh,200px);height:clamp(120px,22vh,200px)}.cue-btn.lit{border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 10px 1px #38bdf880}.cue-btn.blinking{animation:cue-blink 1s steps(1,end) infinite}@keyframes cue-blink{0%,49%{border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 10px 1px #38bdf880}50%,to{border-color:#38bdf840;color:#38bdf859;box-shadow:none}}.pcards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.pcards-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:820px){.pcards-duo{grid-template-columns:1fr}}.pcards-grid>*,.pcards-duo>*{min-width:0}.duo-col{display:flex;flex-direction:column;gap:10px;min-width:0}.duo-col>.select{align-self:stretch}.pcard{background:var(--panel, #140d1f);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.pcard.live{border-color:color-mix(in srgb,#22c55e 45%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,#22c55e 25%,transparent) inset}.pcard-head{display:flex;align-items:center;gap:8px;min-width:0}.pcard-head .dot{width:10px;height:10px;border-radius:999px;flex:none}.pcard-name{font-family:var(--f-display);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pcard-track{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:18px}.pcard-wave{display:flex;align-items:flex-end;gap:1px;height:38px;background:#ffffff08;border-radius:8px;padding:3px 5px;cursor:pointer;overflow:hidden}.pcard-wave.empty{height:38px}.pcard-wbar{flex:1;min-width:1px;border-radius:1px;align-self:center}.pcard-times{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.pcard-ctrls{display:flex;align-items:center;gap:8px;min-width:0}.pcard-play{width:46px;height:46px;border-radius:999px;border:2px solid var(--primary);background:#ffffff0a;color:var(--text);font-size:16px;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.pcard-play:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 16%,transparent)}.pcard-play:disabled{opacity:.4;cursor:default}.pcard-listbtn{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);cursor:pointer}.pcard-listbtn:hover:not(:disabled){border-color:#ffffff3d}.pcard-listbtn:disabled{opacity:.5;cursor:default}.pcard-listbtn-t{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.pcard-listbtn-c{color:var(--muted);font-size:11px;flex:none}.pcard-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:10px;-webkit-overflow-scrolling:touch}.pcard-lrow{display:flex;align-items:center;gap:6px;border-radius:8px}.pcard-lrow.on{background:color-mix(in srgb,var(--primary) 14%,transparent)}.pcard-lrow.playing{background:color-mix(in srgb,#22c55e 16%,transparent)}.pcard-lrow-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:7px 8px;background:transparent;border:0;color:var(--text);cursor:pointer;text-align:left}.pcard-lrow-play{flex:none;width:16px;color:var(--muted);font-size:12px}.pcard-lrow.playing .pcard-lrow-play{color:#22c55e}.pcard-lrow-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.pcard-lrow-move{display:flex;gap:2px;flex:none;padding-right:4px}.chip.played{background:#ffffff1a;color:var(--muted)}.chip.popular{background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text);font-weight:600}.chip.mixmatch{margin-left:6px;font-size:11px;vertical-align:middle}.chip.mixmatch.great{background:color-mix(in srgb,#22c55e 22%,transparent);color:#22c55e;font-weight:700}.chip.mixmatch.good{background:color-mix(in srgb,#38bdf8 20%,transparent);color:#38bdf8;font-weight:600}.chip.mixmatch.review{background:color-mix(in srgb,#fbbf24 22%,transparent);color:#fbbf24;font-weight:700}.trackrow.played-blocked{opacity:.55;cursor:default}.trackrow.played-blocked:hover{background:transparent}.alreadyplayed-note{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;font-size:13px;color:var(--muted);margin-bottom:12px}.np-votes-big{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-family:var(--f-display);font-weight:800;font-size:clamp(20px,3.2vh,34px);color:var(--text)}.np-votes-big .hrt{color:#fb7185;filter:drop-shadow(0 0 6px rgba(251,113,133,.5))}.np-encore{margin-top:10px;display:inline-block;font-family:var(--f-display);font-weight:700;font-size:clamp(15px,2vh,22px);color:#08040d;background:linear-gradient(90deg,var(--primary),#ffb347);padding:6px 16px;border-radius:999px}.preopen-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex:1;min-height:0;gap:24px;text-align:center;transition:opacity 1s ease,filter 1s ease,transform 1s ease}.preopen-stage.preopen-fade-out{opacity:.15;filter:blur(3px);transform:scale(.97)}.preopen-top{display:flex;flex-direction:column;gap:6px}.preopen-title{font-family:var(--f-display);font-weight:700;font-size:clamp(22px,3.2vh,38px);color:var(--text)}.preopen-countdown{font-family:var(--f-display);font-weight:800;letter-spacing:.02em;font-size:clamp(30px,5.2vh,58px);background:linear-gradient(90deg,var(--primary),#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent}.preopen-row{display:flex;align-items:center;justify-content:center;gap:60px;flex:1;min-height:0;width:100%;flex-wrap:wrap}.preopen-logo-col{flex:1 1 0;min-width:280px;min-height:0;display:flex;align-items:center;justify-content:center}.preopen-logo-huge{max-height:46vh;max-width:36vw;width:100%;object-fit:contain;filter:drop-shadow(0 30px 80px rgba(0,0,0,.5));animation:breathe 6s ease-in-out infinite}.preopen-side-col{flex:none;display:flex;flex-direction:column;gap:10px;align-items:center;max-height:100%;overflow-y:auto;padding:2px;scrollbar-width:none;-ms-overflow-style:none}.preopen-side-col::-webkit-scrollbar{display:none}.preopen-qr{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;align-self:flex-start}.preopen-qr img{border-radius:12px;background:#fff;padding:8px}@media(max-width:900px){.preopen-row{flex-direction:column}.preopen-logo-huge{max-width:80vw}}.float-msg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:hidden}.float-msg{position:absolute;transform:translate(-50%,-50%);background:#140e0ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:8px 14px;font-size:14px;line-height:1.35;color:var(--text);max-width:20vw;box-shadow:0 10px 30px #00000059;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;animation:float-msg-settle .6s cubic-bezier(.2,.9,.3,1.1) both}.float-msg b{margin-right:6px}@keyframes float-msg-settle{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.float-msg{animation:none;opacity:1}}.blast-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--primary) 16%,#060409),#060409 62%)}.blast-ring{position:absolute;width:min(62vw,72vh);height:min(62vw,72vh);border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 75%,transparent) 0%,color-mix(in srgb,var(--accent) 35%,transparent) 45%,transparent 70%);filter:blur(4px);animation:blast-ring-pulse 1s cubic-bezier(.2,.7,.3,1)}@keyframes blast-ring-pulse{0%{transform:scale(.35);opacity:0}45%{opacity:.85}to{transform:scale(1.25);opacity:0}}.blast-number{position:relative;font-family:var(--f-display);font-weight:800;line-height:1;font-size:min(36vw,50vh);letter-spacing:-.02em;background:linear-gradient(160deg,#fff 0%,var(--primary) 55%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px color-mix(in srgb,var(--primary) 95%,transparent)) drop-shadow(0 0 70px color-mix(in srgb,var(--primary) 70%,transparent)) drop-shadow(0 0 150px color-mix(in srgb,var(--accent) 55%,transparent)) drop-shadow(0 14px 40px rgba(0,0,0,.65));animation:blast-pop .85s cubic-bezier(.16,1.5,.4,1)}@keyframes blast-pop{0%{transform:scale(.3);opacity:0;filter:blur(16px)}50%{transform:scale(1.16);opacity:1;filter:blur(0)}75%{transform:scale(.97)}to{transform:scale(1);opacity:1}}.slam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;padding:40px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--primary) 22%,#08040d),#08040d 72%);animation:slam-fadeout .9s ease forwards;animation-delay:3.5s}.slam-logo{max-height:32vh;max-width:70vw;object-fit:contain;filter:drop-shadow(0 26px 70px rgba(0,0,0,.6));animation:slam-in .65s cubic-bezier(.15,.9,.3,1.35)}@keyframes slam-in{0%{transform:scale(2.6) rotate(-5deg);opacity:0}60%{transform:scale(.94) rotate(1.5deg);opacity:1}to{transform:scale(1) rotate(0)}}.slam-msg{font-family:var(--f-display);font-weight:800;font-size:clamp(34px,6.5vh,68px);background:linear-gradient(90deg,#fff 0%,var(--primary) 55%,#ffb347 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--primary) 90%,transparent)) drop-shadow(0 0 50px color-mix(in srgb,var(--primary) 55%,transparent)) drop-shadow(0 8px 24px rgba(0,0,0,.6));animation:slam-msg-in .5s ease .35s both}@keyframes slam-msg-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes slam-fadeout{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.blast-number,.blast-ring,.slam-logo,.slam-msg{animation:none!important}.preopen-stage.preopen-fade-out{transition:none}}.display-winctl{position:fixed;top:10px;left:10px;z-index:9999;display:flex;align-items:center;gap:8px;background:#0b0713b8;border:1px solid rgba(255,255,255,.12);padding:6px 10px;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;color:#d9cceb}.display-winctl .dw-label{font-weight:600}.display-winctl .dw-btn{cursor:pointer;border:0;border-radius:7px;padding:5px 10px;background:linear-gradient(90deg,#ff5db1,#b06bff);color:#fff;font-weight:600;font-size:12px}.display-winctl .dw-btn:active{transform:translateY(1px)}.display-winctl .dw-hint{color:#8f81a3;font-size:11px}