@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.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:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.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{--bg:#0b0c0f;--panel:#121419;--panel-2:#171a20;--glass:#14161c9e;--glass-solid:#16181e;--glass-border:#ffffff12;--text:#e9ebee;--muted:#9298a2;--accent:#2dd4bf;--accent-ink:#05211e;--danger:#f87171;--r-panel:16px;--r-art:10px;--r-thumb:6px;--r-pill:999px;--ease:cubic-bezier(.2, .8, .2, 1);--aura:#244c48;--hover:#1d2027;--border:#ffffff14;--faint:#6b717b;--accent-2:#5eead4;--radius:var(--r-panel);--player-h:84px;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:Outfit Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active:not(:disabled){transform:scale(.97)}.glass{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(140%);box-shadow:inset 0 1px #ffffff0f}@media (prefers-reduced-transparency:reduce){.glass{background:var(--glass-solid);-webkit-backdrop-filter:none}}.chip{border-radius:var(--r-pill);color:#c4c8cf;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;align-items:center;gap:6px;height:30px;padding:0 13px;transition:border-color .2s,color .2s;display:inline-flex}.chip:hover{color:var(--text);border-color:#ffffff4d}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:500}.skeleton{border-radius:var(--r-thumb);background:linear-gradient(90deg,#16181d 0%,#1e2128 50%,#16181d 100%) 0 0/200% 100%;animation:1.4s linear infinite skeleton-shimmer}@keyframes skeleton-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}button:active:not(:disabled){transform:none}}.aura{pointer-events:none;z-index:-1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.aura:before{content:"";background:var(--aura);filter:blur(100px);height:75%;opacity:var(--aura-strength,.35);transition:background 1.2s;position:absolute;top:-35%;left:-10%;right:-10%}.aura:after{content:"";background:linear-gradient(180deg, #0b0c0f1a 0%, #0b0c0fbf 45%, var(--bg) 70%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.aura:before{transition:none}}.app{position:relative}.app>main.panel{background:0 0;border-color:#0000}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}a{color:var(--accent)}::selection{background:#2dd4bf4d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a303c padding-box padding-box;border:2px solid #0000;border-radius:10px}.app{grid-template-columns:236px minmax(0,1fr) 340px;grid-template-rows:minmax(0, 1fr) var(--player-h);grid-template-areas:"side main queue""player player player";gap:8px;height:100%;padding:8px;display:grid}.side{grid-area:side}main{grid-area:main;overflow-y:auto}.queue{grid-area:queue}.player{grid-area:player}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-height:0}.side{flex-direction:column;gap:2px;padding:14px 10px;display:flex;overflow:hidden}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:4px 10px 16px;font-size:17px;font-weight:700;display:flex}.brand-mark{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);border-radius:8px;place-items:center;display:grid}.nav-item{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-weight:500;display:flex}.nav-item:hover{color:var(--text);background:var(--hover)}.nav-item svg{flex:none}.side-section{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);justify-content:space-between;align-items:center;margin:18px 12px 6px;font-size:11px;display:flex}.side-list{flex:1;min-height:0;overflow-y:auto}.pl-link{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px 10px;display:flex}.pl-link:hover,.pl-link.active{background:var(--hover)}.pl-link small{color:var(--muted);font-size:12px;display:block}.me{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex}.me .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.art{object-fit:cover;color:#ffffff8c;background:linear-gradient(135deg,#1f2937,#0f766e);border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden}.avatar{object-fit:cover;background:#2a303c;border-radius:50%;flex:none}.btn{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-weight:600;display:inline-flex}.btn:hover{background:var(--hover)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.primary:hover{background:var(--accent-2)}.btn.danger{color:var(--danger)}.btn.sm{height:30px;padding:0 12px;font-size:13px}.icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);background:var(--hover)}.icon-btn.on{color:var(--accent)}.input{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--bg);outline:none;width:100%;height:42px;padding:0 14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2dd4bf26}.page{max-width:1100px;padding:28px 32px 48px}.page h1{letter-spacing:-.02em;margin:0 0 6px;font-size:30px}.page h2{margin:32px 0 12px;font-size:18px}.sub{color:var(--muted);margin:0 0 20px}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.hero{border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(#2dd4bf29,#0000);align-items:flex-end;gap:24px;padding:28px 32px;display:flex}.hero .kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:600}.hero h1{margin:6px 0 8px;font-size:40px;line-height:1.05}.cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.card{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;padding:12px;transition:background .15s}.card:hover{background:var(--hover)}.card .title{text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-weight:600;overflow:hidden}.card small{color:var(--muted)}.empty{color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);padding:28px}.callout{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.tracks{flex-direction:column;display:flex}.track{border-radius:8px;grid-template-columns:28px 44px minmax(0,1fr) auto 56px 36px;align-items:center;gap:12px;padding:6px 10px;display:grid}.track:hover{background:var(--hover)}.track .num{color:var(--faint);text-align:right;font-variant-numeric:tabular-nums}.track .meta{min-width:0}.track .t{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.track .a{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px;overflow:hidden}.track .dur{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.track .acts{opacity:0;gap:2px;display:flex}.track:hover .acts,.track:focus-within .acts{opacity:1}.track.dragging{opacity:.4}.track.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.badge{background:var(--hover);color:var(--muted);border-radius:4px;margin-left:6px;padding:2px 6px;font-size:11px}.menu-wrap{position:relative}.menu{z-index:30;border:1px solid var(--border);background:#1c2029;border-radius:10px;min-width:210px;max-height:320px;padding:6px;position:absolute;top:36px;right:0;overflow-y:auto;box-shadow:0 16px 40px #00000080}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding:8px 10px;display:block}.menu button:hover{background:var(--hover)}.menu hr{border:0;border-top:1px solid var(--border);margin:6px 0}.queue{flex-direction:column;display:flex;overflow:hidden}.queue-head h3{margin:0;font-size:15px}.now{align-items:center;gap:12px;margin-top:12px;display:flex}.queue-list{flex:1;padding:6px;overflow-y:auto}.qrow{cursor:grab;border-radius:8px;align-items:center;gap:10px;height:56px;padding:6px 8px;display:flex}.qrow:hover{background:var(--hover)}.qrow .meta{flex:1;min-width:0}.qrow .t{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.qrow .a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.qrow .acts{display:none}.qrow:hover .acts{display:flex}.queue-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.player{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:16px;padding:0 16px;display:grid}.np{align-items:center;gap:12px;min-width:0;display:flex}.np .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.np .a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.controls{flex-direction:column;align-items:center;gap:4px;display:flex}.controls .row{gap:6px}.play-btn{background:var(--text);width:40px;height:40px;color:var(--bg);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.play-btn:hover{transform:scale(1.05)}.seek{width:100%;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:12px;display:flex}.range{appearance:none;cursor:pointer;background:#333a48;border-radius:4px;outline:none;flex:1;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border-radius:50%;width:12px;height:12px}.right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.vol{flex:none;width:120px}.pill{color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px}.drop{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);padding:40px;transition:all .15s}.drop.over{border-color:var(--accent);color:var(--text);background:#2dd4bf0f}.progress{background:#333a48;border-radius:4px;height:4px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .2s}.toasts{bottom:calc(var(--player-h) + 24px);z-index:100;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{color:#0d0f13;background:#e8eaf0;border-radius:10px;max-width:560px;padding:10px 16px;font-weight:500;box-shadow:0 10px 30px #0006}.toast.error{color:#450a0a;background:#fecaca}.banner{color:#fde68a;background:#3b2a0b;border:1px solid #78520f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:16px 32px 0;padding:10px 16px;display:flex}.login{background:radial-gradient(circle at 30% 20%, #2dd4bf2e, transparent 50%), var(--bg);place-items:center;height:100%;display:grid}.login .box{text-align:center;width:380px;padding:40px 32px}.discord-btn{color:#fff;background:#5865f2;border-color:#0000;width:100%;height:46px;font-size:15px}.spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.np-media{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--border);background:#000;width:100%;max-width:720px;margin:4px 0 20px;overflow:hidden}.np-video,.np-video iframe{pointer-events:none;border:0;width:100%;height:100%;display:block}.np-picture{object-fit:contain;width:100%;height:100%;display:block}.sound .callout{margin-bottom:8px}.segmented{border:1px solid var(--border);border-radius:999px;display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 16px;font-weight:600}.sound-switches{gap:10px;margin-top:16px;display:grid}.sound-switch{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.sound-switch input{accent-color:var(--accent);width:16px;height:16px;margin-top:3px}.sound-switch span{flex-direction:column;display:flex}.sound-switch small{color:var(--muted)}.sound-sliders{gap:14px;display:grid}.sound-label{width:80px;color:var(--muted)}.eq{justify-content:space-between;gap:14px;max-width:640px;display:flex}.eq-band{color:var(--muted);flex-direction:column;align-items:center;gap:8px;display:flex}.range.vertical{writing-mode:vertical-lr;direction:rtl;flex:none;width:4px;height:140px}.overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:min(720px,92vw);max-height:86vh;padding:22px;overflow-y:auto}.alts{gap:8px;display:grid}.alt{background:var(--panel-2);border-radius:10px;align-items:center;gap:12px;padding:8px;display:flex}.alt.current{outline:1px solid var(--accent)}.alt .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.alt .a{color:var(--muted);font-size:13px}.live-badge{color:#fff;letter-spacing:.05em;background:#dc2626;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800}.queue-tools{flex-wrap:wrap;gap:6px;margin-top:8px}.history-row{align-items:center;gap:8px;display:flex}.history-row>:first-child{flex:1;min-width:0}.history-row small{color:var(--muted);white-space:nowrap;padding-right:8px}.lyrics-box{max-height:320px;margin-top:10px;position:relative;overflow-y:auto}.lyric{color:var(--muted);padding:4px 0;font-size:17px;transition:color .2s}.lyric.past{color:#5b6272}.lyric.now{color:var(--text);font-weight:700}.lyric-plain{white-space:pre-wrap;color:var(--text);line-height:1.6}.btn.sm.on{background:var(--accent);color:#062a26;border-color:var(--accent)}.muted{color:var(--muted)}.select{border:1px solid var(--border);background:var(--panel-2);height:34px;color:inherit;border-radius:999px;padding:0 12px;font-weight:600}.person-card{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-head{align-items:center;gap:24px;margin-bottom:8px;display:flex}.profile-head h1{margin-bottom:4px}.match{margin-bottom:4px;font-size:16px}.match b{color:var(--accent);font-size:22px}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:8px;display:grid}.stat-tile{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;min-width:0;padding:16px;display:flex}.stat-tile b{text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.stat-tile small{color:var(--muted)}.two-col{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 24px;display:grid}.rank{flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}.rank li{justify-content:space-between;gap:12px;display:flex}.rank li>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank small{color:var(--muted);white-space:nowrap}.rank a,.details a{color:var(--accent);text-decoration:none}.wrap-title{background:linear-gradient(90deg, var(--accent), #a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text;margin:24px 0 20px!important;font-size:40px!important}.wrap-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.wrap-card{background:linear-gradient(160deg, var(--panel-2), #2dd4bf14);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-width:0;padding:18px;display:flex}.wrap-card>small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:600}.wrap-card>b{font-size:28px}.wrap-card.big>b{color:var(--accent);font-size:56px;line-height:1}.details p{margin:10px 0}.comments{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.comments small{color:var(--muted);margin-left:6px}.live{flex-direction:column;gap:12px;margin-bottom:18px;display:flex;position:relative;overflow:hidden}.react{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-width:48px;height:36px;padding:0 12px;font-size:18px;display:inline-flex}.react span{color:var(--muted);font-size:13px;font-weight:700}.react.on{border-color:var(--accent);background:#2dd4bf24}.chat{flex-direction:column;gap:6px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.floaters{pointer-events:none;position:absolute;inset:0}.floaters span{font-size:28px;animation:1.8s ease-out forwards float-up;position:absolute;bottom:0}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-160px)}}.faces{align-items:center;display:inline-flex}.faces .art{border:2px solid var(--panel);margin-left:-8px}.faces .art:first-child{margin-left:0}.requests{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);flex-direction:column;gap:6px;margin-bottom:10px;padding:10px;display:flex}.request{align-items:center;gap:6px;font-size:13px;display:flex}.btn.on{border-color:var(--accent);color:var(--accent)}.new-pl{flex-direction:column;gap:8px;padding:8px 12px;display:flex}.made-for{background:linear-gradient(160deg, var(--panel-2), #a78bfa24);cursor:default}.sublink{color:inherit;text-decoration:none}.sublink:hover{color:var(--text);text-decoration:underline}.admin-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.admin-row>span{flex-direction:column;gap:2px;display:flex}.admin-row small{color:var(--muted)}.side{background:var(--panel);border-radius:var(--r-panel);border:0;gap:2px;padding:14px 10px}.brand{letter-spacing:-.02em;padding:4px 12px 14px;font-size:17px;font-weight:600}.brand-mark{border-radius:var(--r-pill);background:var(--accent);width:28px;height:28px;color:var(--accent-ink)}.nav-item{border-radius:var(--r-pill);padding:9px 14px}.nav-item.active{color:var(--text);background:#ffffff14}.lib-head{align-items:center;gap:4px;margin-top:14px;display:flex}.lib-head>.nav-item{flex:1;min-width:0}.lib-menu{top:38px;left:auto;right:0}.side-section{text-transform:none;letter-spacing:0;color:var(--muted);margin:12px 12px 4px;font-size:12px}.pl-link{border-radius:var(--r-thumb)}.pl-link .art{border-radius:var(--r-thumb)!important}.pl-link .label{min-width:0}.pl-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.liked-tile{border-radius:var(--r-thumb);background:var(--panel-2);width:36px;height:36px;color:var(--muted);flex:none;place-items:center;display:grid}.side-empty{color:var(--muted);padding:4px 12px;font-size:13px}.me{border-top:1px solid var(--border)}@media (width>=768px) and (width<=1099px){.app{grid-template-columns:76px minmax(0,1fr) 300px}.side{align-items:center;padding:14px 8px}.side .label,.side .new-pl{display:none}.lib-head{flex-direction:column}.lib-menu{left:0;right:auto}.side .nav-item,.side .pl-link{justify-content:center;padding:9px}.brand{padding:4px 0 14px}.lib-head{width:100%;margin-top:14px}.me{justify-content:center;padding:10px 0}}.topbar{z-index:20;align-items:center;gap:10px;padding:12px 20px 4px;display:flex;position:sticky;top:0}.search-pill{border-radius:var(--r-pill);color:#80868f;cursor:pointer;text-align:left;flex:1;align-items:center;gap:10px;max-width:560px;height:40px;padding:0 14px;display:flex}.search-pill:hover{color:var(--text)}.search-hint{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-pill kbd{font:inherit;border-radius:var(--r-thumb);border:1px solid #ffffff24;padding:1px 6px;font-size:11px}.account{margin-left:auto}.account-btn{border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;padding:2px;display:grid}.account-btn:hover{box-shadow:0 0 0 2px #ffffff26}.menu.glass{background:#1a1c22eb}.account-menu{border-radius:var(--r-panel);min-width:230px;padding:8px;top:44px}.account-menu button{border-radius:var(--r-pill);align-items:center;gap:10px;padding:9px 12px;display:flex}.account-who{align-items:center;gap:10px;padding:6px 8px 10px;display:flex}.account-who small{color:var(--muted);font-size:12px;display:block}.dialog.small-dialog{border-radius:var(--r-panel);width:min(420px,92vw)}.dialog h2{margin:0 0 6px;font-size:18px}.choice-list{background:var(--panel);border-radius:var(--r-panel);flex-direction:column;margin-top:12px;padding:4px 14px;display:flex}.choice{color:var(--text);cursor:pointer;text-align:left;border:0;border-bottom:1px solid var(--border);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.choice:last-child{border-bottom:0}.choice-dot{border-radius:var(--r-pill);border:2px solid var(--muted);flex:none;width:16px;height:16px}.choice.on .choice-dot{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 45%, transparent 50%)}.app.panel-closed{grid-template-columns:236px minmax(0,1fr);grid-template-areas:"side main""player player"}.side-panel{background:var(--panel);border-radius:var(--r-panel);border:0}.side-tabs{align-items:center;gap:6px;padding:12px 12px 8px;display:flex}.side-tabs .chip{height:30px}.side-close{margin-left:auto}.side-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.queue-tab{flex-direction:column;flex:1;min-height:0;display:flex}.qrow{border-radius:var(--r-thumb);touch-action:pan-y;transition:transform .2s var(--ease), background .15s}.qrow.dragging{z-index:2;background:#20232b;box-shadow:0 8px 20px #00000080}.qrow .art{border-radius:var(--r-thumb)!important}.qgrip{width:16px;color:var(--faint);cursor:grab;flex:none;place-items:center;display:grid}.lyrics-tab{flex-direction:column;flex:1;min-height:0;padding:4px 16px 16px;display:flex}.lyrics-tab .lyrics-box{flex:1;max-height:none;margin-top:0}.song-chat{flex-direction:column;flex:1;gap:10px;min-height:0;padding:4px 12px 12px;display:flex}.song-chat .chat{flex:1;max-height:none}.tab-empty{color:var(--muted);padding:16px}.reactions{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:relative}.react{background:#ffffff12;border:1px solid #0000}.react.on{color:var(--accent);background:#2dd4bf29;border-color:#0000}.home-reactions{margin:10px 0 18px}@media (width>=768px) and (width<=1099px){.app.panel-closed{grid-template-columns:76px minmax(0,1fr)}}.player.glass{border-radius:var(--r-panel)}.np .art{border-radius:var(--r-thumb)!important}.np .faces{margin-left:4px}.play-btn{background:var(--accent);color:var(--accent-ink)}.play-btn:disabled{opacity:.5;cursor:default}.chip.autoplay{height:26px;padding:0 10px;font-size:12px}.range{background:#ffffff1f}.range::-webkit-slider-thumb{opacity:0;transition:opacity .15s}.range:hover::-webkit-slider-thumb{opacity:1}.range:focus-visible::-webkit-slider-thumb{opacity:1}.range::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:12px;height:12px}.vol{width:96px}.right .icon-btn.on{color:var(--accent)}.discover-search{max-width:640px;height:48px;margin:8px 0 20px;font-size:15px}.link-row{align-items:center;gap:14px;max-width:640px;padding:14px 16px;display:flex}.link-text{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.skeleton-rows{flex-direction:column;gap:8px;display:flex}.round-tiles{flex-wrap:wrap;gap:16px;display:flex}.round-tile{width:92px;color:var(--text);cursor:pointer;border-radius:var(--r-art);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:6px;display:flex}.round-tile:hover{background:#ffffff0d}.round-tile .el{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.round-art{border-radius:var(--r-pill);background:var(--panel-2);width:64px;height:64px;color:var(--muted);place-items:center;font-size:24px;font-weight:600;display:grid}.discover-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;display:grid}.stats-card{width:100%;color:var(--text);cursor:pointer;text-align:left;border:0;flex-direction:column;gap:12px;padding:16px;display:flex}.stat-row{justify-content:space-between;gap:12px;display:flex}.stat-row b{font-size:20px;display:block}.stat-row small{color:var(--muted)}.see-all{color:var(--accent);font-weight:500}@media (width<=900px){.discover-grid{grid-template-columns:minmax(0,1fr)}}.quick-overlay{background:#0506088c;align-items:flex-start;padding-top:12vh}.quick{border-radius:var(--r-panel);background:#16181ef0;flex-direction:column;width:min(640px,92vw);max-height:70vh;display:flex;overflow:hidden}.quick-input{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;padding:14px 16px;display:flex}.quick-input input{color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:16px}.quick-list{padding:6px;overflow-y:auto}.quick-group{color:var(--muted);padding:8px 10px 4px;font-size:12px}.quick-item{width:100%;color:var(--text);text-align:left;border-radius:var(--r-thumb);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.quick-item.on{background:#ffffff14}.quick-item .art{border-radius:var(--r-thumb)!important}.quick-text{flex-direction:column;min-width:0;display:flex}.quick-text small{color:var(--muted);font-size:12px}.quick-hint{white-space:nowrap;font-size:12px}.quick-empty{color:var(--muted);padding:14px 10px}.quick-foot{border-top:1px solid var(--border);color:var(--muted);padding:10px 16px;font-size:12px}.key-list{flex-direction:column;gap:8px;margin:12px 0 0;display:flex}.key-list>div{justify-content:space-between;gap:16px;display:flex}.key-list dt,.key-list dd{margin:0}.key-list dd{color:var(--muted)}.key-list kbd{font:inherit;border-radius:var(--r-pill);border:1px solid #ffffff24;padding:2px 10px;font-size:12px}.np-view{z-index:90;background:var(--bg);outline:none;grid-template-columns:minmax(0,1fr) 360px;gap:12px;padding:12px;display:grid;position:fixed;inset:0}.np-view .aura{border-radius:0}.np-view .aura:after{background:linear-gradient(180deg, #0b0c0f0d 0%, #0b0c0f8c 70%, var(--bg) 100%)}.np-main{flex-direction:column;align-items:center;gap:16px;min-height:0;padding:4px 12px 0;display:flex}.np-top{touch-action:none;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.np-where{font-size:13px}.seg{border-radius:var(--r-pill);background:#ffffff14;padding:3px;display:inline-flex}.seg button{color:var(--muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;padding:5px 14px;font-size:13px}.seg button.on{background:var(--accent);color:var(--accent-ink);font-weight:600}.seg-placeholder{width:120px}.np-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.np-stage>.art{box-shadow:0 24px 60px #0000008c;border-radius:var(--r-art)!important;width:min(360px,70vw,42vh)!important;height:min(360px,70vw,42vh)!important}.np-stage .np-media{border-radius:var(--r-art);border:0;max-width:min(860px,100%);margin:0;box-shadow:0 24px 60px #0000008c}.np-info{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;width:min(720px,100%);display:flex}.np-name{letter-spacing:-.02em;font-size:26px;font-weight:600}.player.player-full{width:min(720px,100%);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:minmax(0,1.4fr) auto;padding:0 0 8px}.player.player-full .np,.player.player-full .panel-toggle{display:none}.np-side{background:var(--panel);border-radius:var(--r-panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.np-art-btn{cursor:pointer;border-radius:var(--r-thumb);background:0 0;border:0;padding:0;display:grid}.home-np{background:var(--panel);color:var(--text);text-align:left;border-radius:var(--r-panel);cursor:pointer;border:0;align-items:center;gap:16px;width:100%;max-width:520px;margin:10px 0;padding:12px;display:flex}.home-np .art{border-radius:var(--r-art)!important}.home-np b{font-size:18px;display:block}.home-np small{color:var(--muted);margin-bottom:6px;display:block}@media (width<=1099px){.np-view{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);overflow-y:auto}.np-side{min-height:360px}}@media (width<=767px){.np-view{padding:8px 8px 0}.np-main{gap:12px;padding:0 4px}.np-name{font-size:20px}.player.player-full{grid-template-columns:minmax(0,1fr)}.player.player-full .right{flex-wrap:wrap;justify-content:center}.player.player-full .vol{display:block}}.np-name-row{align-items:center;gap:8px;display:flex}.np-name-row .icon-btn.on{color:var(--accent)}.np-waiting{place-items:center;display:grid}.home section{margin-top:28px}.home h2{margin:0 0 12px}.live-header{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:20px;margin-top:8px;display:grid}.live-main{align-items:flex-end;gap:20px;min-width:0;display:flex}.live-art{cursor:pointer;border-radius:var(--r-art);background:0 0;border:0;flex:none;padding:0}.live-art .art{box-shadow:0 18px 40px #00000080;border-radius:var(--r-art)!important}.live-text{flex-direction:column;gap:6px;min-width:0;display:flex}.live-where{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.live-title{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:34px;line-height:1.1}.live-people .faces{align-items:center;gap:4px;display:inline-flex}.up-next{flex-direction:column;gap:10px;padding:14px;display:flex}.up-next-head{justify-content:space-between;align-items:center;display:flex}.up-next-row{align-items:center;gap:10px;min-width:0;display:flex}.up-next-row .art{border-radius:var(--r-thumb)!important}.el-wrap{flex-direction:column;min-width:0;display:flex}.el{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.link-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:13px}.nothing-playing{max-width:640px;margin-top:8px;padding:22px}.nothing-playing h1{margin:0 0 4px;font-size:26px}.chips{flex-wrap:wrap;gap:8px;margin-bottom:14px}.tile-row{scrollbar-width:thin;grid-auto-columns:160px;grid-auto-flow:column;gap:16px;padding-bottom:6px;display:grid;overflow-x:auto}.tile-skeleton{border-radius:var(--r-art);width:160px;height:210px}.song-tile{flex-direction:column;gap:8px;min-width:0;display:flex}.song-tile-art{border-radius:var(--r-art);position:relative;overflow:hidden}.song-tile-art .art{transition:transform .6s var(--ease);border-radius:var(--r-art)!important;width:160px!important;height:160px!important}.song-tile:hover .song-tile-art .art{transform:scale(1.06)}.song-tile-play{border-radius:var(--r-pill);background:var(--accent);width:40px;height:40px;color:var(--accent-ink);cursor:pointer;opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);border:0;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(6px);box-shadow:0 8px 18px #00000073}.song-tile:hover .song-tile-play,.song-tile-play:focus-visible{opacity:1;transform:none}.song-tile-meta{align-items:flex-start;gap:4px;min-width:0;display:flex}.song-tile-text{flex:1;min-width:0}.song-tile-text small{color:var(--muted)}.pl-tile{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;min-width:0;padding:0;display:flex}.pl-tile .art{border-radius:var(--r-art)!important;width:160px!important;height:160px!important}.pl-tile small{color:var(--muted)}.friends-strip{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.friend{width:92px;color:var(--text);cursor:pointer;border-radius:var(--r-art);text-align:center;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;padding:6px 2px;display:flex}.friend:hover{background:#ffffff0d}.friend .el{max-width:100%}.friend small{color:var(--muted);max-width:100%;font-size:12px}.friend-avatar{display:grid;position:relative}.voice-dot{border-radius:var(--r-pill);background:var(--accent);border:2px solid var(--bg);width:12px;height:12px;position:absolute;bottom:0;right:0}.voice-dot.static{border:0;width:8px;height:8px;position:static}.wrapped-banner{cursor:pointer;color:#fff;text-align:left;border-radius:var(--r-panel);background:linear-gradient(110deg,#682752,#3d2768);border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:28px;padding:18px 20px;display:flex}.wrapped-banner b{font-size:17px;display:block}.wrapped-banner small{opacity:.85}@media (hover:none){.song-tile-play{opacity:1;transform:none}}@media (width<=1099px){.live-header{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.live-main{flex-direction:column;align-items:flex-start}.live-art .art{width:140px!important;height:140px!important}.live-title{font-size:26px}.tile-row{grid-auto-columns:132px;gap:12px}.song-tile-art .art,.pl-tile .art{width:132px!important;height:132px!important}}.lib-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.lib-filters .chips{margin-bottom:0}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;display:grid}.lib-grid .pl-tile .art{aspect-ratio:1;width:100%!important;height:auto!important}.liked-art{aspect-ratio:1;border-radius:var(--r-art);background:var(--panel-2);width:100%;color:var(--muted);place-items:center;display:grid}@media (width<=767px){.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.coll-head{isolation:isolate;border-radius:var(--r-panel);align-items:flex-end;gap:22px;margin:0 -24px;padding:28px 24px 22px;display:flex;position:relative;overflow:hidden}.coll-head .aura:after{background:linear-gradient(#0b0c0f00 0%,#0b0c0f66 70%,#0b0c0fbf 100%)}.coll-head>.art,.collage,.collage-empty{flex:none;box-shadow:0 18px 40px #00000080;border-radius:var(--r-art)!important;width:200px!important;height:200px!important}.coll-head>.art[style*="50%"],.collage-empty.round{border-radius:var(--r-pill)!important}.collage{grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.collage img{object-fit:cover;width:100%;height:100%;display:block}.collage-empty{background:var(--panel-2);color:var(--muted);place-items:center;display:grid}.coll-text{min-width:0}.coll-kind{color:var(--muted);font-size:13px}.coll-name{letter-spacing:-.03em;overflow-wrap:anywhere;margin:4px 0 8px;font-size:44px;line-height:1.05}.coll-line a{color:var(--text)}.coll-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:6px 0 18px;display:flex}.coll-play{border-radius:var(--r-pill);background:var(--accent);width:54px;height:54px;color:var(--accent-ink);cursor:pointer;transition:transform .15s var(--ease);border:0;place-items:center;display:grid;box-shadow:0 10px 24px #0006}.coll-play:hover:not(:disabled){transform:scale(1.05)}.coll-play:disabled{opacity:.45;cursor:default}.share-switch{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.chip.danger-chip{color:var(--danger)}@media (width<=767px){.coll-head{flex-direction:column;align-items:flex-start;margin:0 -16px;padding:20px 16px 16px}.coll-head>.art,.collage,.collage-empty{width:150px!important;height:150px!important}.coll-name{font-size:30px}}.page.coll-page{padding-bottom:0}.friends-page section{margin-top:24px}.voice-row{flex-wrap:wrap;gap:14px;display:flex}.voice-person{width:72px;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.voice-person .el{max-width:100%}.people-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.person-card{color:var(--text);cursor:pointer;text-align:center;border:0;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:18px 12px 14px;display:flex}.person-card:hover{background:var(--panel-2)}.person-card small{max-width:100%;min-height:1.2em}.person-name{font-weight:600}.profile-header{margin-bottom:8px}.profile-header .art{box-shadow:0 18px 40px #00000080}.voice-dot.big{border-width:4px;width:22px;height:22px;bottom:6px;right:6px}.match-chip{cursor:default}@media (width<=767px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.games-nav{margin-bottom:18px}.callout{background:var(--panel);border-radius:var(--r-panel);border:0;padding:18px}.stat-tile{background:var(--panel);border-radius:var(--r-panel);border:0}.stat-tile b{font-size:24px}.countdown{border-radius:var(--r-pill);background:#ffffff1a;height:4px;margin-top:6px;overflow:hidden}.countdown>div{background:var(--text);border-radius:var(--r-pill);height:100%;transition:width .25s linear}.mystery{align-items:center;gap:14px;max-width:520px;margin:12px 0;padding:14px;display:flex}.mystery-art{border-radius:var(--r-art);background:var(--panel-2);width:56px;height:56px;color:var(--muted);flex:none;place-items:center;font-size:26px;font-weight:700;display:grid}.rank.scores{gap:4px;max-width:520px;padding:0;list-style:none}.rank.scores li{counter-increment:rank;border-radius:var(--r-thumb);background:var(--panel);padding:8px 12px}.rank.scores li:before{content:counter(rank);color:var(--muted);width:18px;font-weight:600}.rank.scores li>span{flex:1}.rank.scores li.mine{background:#2dd4bf1f}.rank.scores{counter-reset:rank}.round-entries{flex-direction:column;gap:8px;max-width:720px;display:flex}.round-entry{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.select{border-radius:var(--r-pill)}.wrap-card{color:#fff;border-radius:var(--r-panel)!important;border:0!important;padding:22px!important}.wrap-card small,.wrap-card .muted,.wrap-card .rank small{color:#fffc!important}.wrap-card b{letter-spacing:-.02em;font-size:26px}.wrap-card.big b{letter-spacing:-.04em;font-size:52px}.wrap-card .art{border-radius:var(--r-thumb)!important}.segmented{background:#ffffff14;border:0;gap:2px;padding:3px}.segmented button{border-radius:var(--r-pill);padding:6px 14px}.segmented button.on{background:var(--accent);color:var(--accent-ink)}.empty{border-radius:var(--r-panel);border:1px dashed #ffffff1a}.drop{border-radius:var(--r-panel);border-color:#ffffff24}.admin-row{border-bottom-color:#ffffff0f}.admin-row:last-child{border-bottom:0}.banner{border-radius:var(--r-panel)}.card{border-radius:var(--r-panel);background:var(--panel);border:0}.card .art{border-radius:var(--r-art)!important}.login{background:radial-gradient(circle at 50% 30%, #224f4bb3, transparent 60%), var(--bg)}.login .box{border-radius:var(--r-panel)}.login-mark{width:56px;height:56px;margin:0 auto 18px}.discord-btn{background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill)}.discord-btn:hover{background:var(--accent-2)}.toast{color:var(--text);border:1px solid var(--glass-border);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(16px);background:#1a1c22f2;padding:10px 18px}.toast.error{color:#fecaca;background:#281214f2;border-color:#f8717166}.page{animation:.15s ease-out page-in}@keyframes page-in{0%{opacity:0}}.wrapped .wrap-cards{grid-template-columns:minmax(0,1fr);max-width:720px}.wrap-card>small{text-transform:none;letter-spacing:0;font-size:13px}.wrap-card>span{color:#ffffffe6}.wrap-card.big>b{color:#fff}.wrap-card .row b{letter-spacing:0;font-size:17px}.wrapped-chip{margin-top:10px}.pl-collage{background:var(--panel-2);flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;overflow:hidden;display:grid!important}.pl-collage img{object-fit:cover;width:100%;height:100%;display:block}.pl-link .pl-collage{border-radius:var(--r-thumb)}.pl-tile .pl-collage{aspect-ratio:1;border-radius:var(--r-art);width:100%}.page{max-width:none}.tile-row{grid-template-rows:auto;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-auto-rows:0;grid-auto-columns:auto;grid-auto-flow:row;row-gap:0;overflow:hidden}.song-tile-art .art,.pl-tile .art{aspect-ratio:1;width:100%!important;height:auto!important}.tile-skeleton{aspect-ratio:3/4;width:100%;height:auto}.live-art .art{width:clamp(150px,14vw,240px)!important;height:clamp(150px,14vw,240px)!important}.live-title{font-size:clamp(28px,3vw,48px)!important}.quick-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-top:24px;display:grid}.quick-tile{border-radius:var(--r-thumb);height:56px;color:var(--text);text-align:left;cursor:pointer;background:#ffffff12;border:0;align-items:center;gap:12px;min-width:0;padding:0 12px 0 0;font-weight:600;transition:background .2s;display:flex;overflow:hidden}.quick-tile:hover{background:#ffffff24}.quick-tile .art,.quick-tile .pl-collage{flex:none;border-radius:0!important;width:56px!important;height:56px!important}.liked-art.small{aspect-ratio:auto;border-radius:0;flex:none;width:56px;height:56px}@media (width<=767px){.tile-row{grid-template-columns:none;grid-auto-rows:auto;grid-auto-columns:140px;grid-auto-flow:column;overflow-x:auto}.quick-grid{grid-template-columns:1fr 1fr}.quick-tile{height:48px;font-size:13px}.quick-tile .art,.quick-tile .pl-collage,.liked-art.small{width:48px!important;height:48px!important}}.np-stage .np-media.np-canvas{aspect-ratio:9/16;width:auto;max-width:100%;height:min(62vh,560px);position:relative}.np-canvas .np-video{position:absolute;inset:0;overflow:hidden}.np-canvas .np-video iframe{aspect-ratio:16/9;width:auto;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.np-lyrics{flex-direction:column;width:min(760px,100%);height:100%;min-height:0;display:flex}.np-lyrics .lyrics-tab{padding:0}.np-lyrics .lyric{letter-spacing:-.01em;padding:6px 0;font-size:clamp(22px,2.6vw,34px);font-weight:700;line-height:1.3}.np-lyrics .lyric.now{color:#fff}.np-lyrics .lyric-plain{font-size:20px}.tile-row{grid-auto-rows:auto;row-gap:18px;overflow:visible}@media (width<=767px){.tile-row{overflow-x:auto}}@media (width<=1099px){.np-lyrics{height:min(60vh,520px)}.np-lyrics .lyrics-box{max-height:100%;overflow-y:auto}}.toast{align-items:center;gap:14px;display:flex}.toast-action{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.toast-action:hover{text-decoration:underline}.queue-head{border-bottom:0;padding:10px 14px 0}.queue-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding-bottom:10px;display:flex}.queue-bar .faces small{margin-left:8px}.queue-bar-end{align-items:center;gap:4px;display:flex}.dj-switch{border-radius:var(--r-pill);height:30px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.dj-switch:hover{color:var(--text);background:#ffffff0f}.dj-track{background:#ffffff24;border-radius:8px;width:28px;height:16px;transition:background .15s;position:relative}.dj-knob{width:12px;height:12px;transition:transform .15s var(--ease), background .15s;background:#c7ccd4;border-radius:50%;position:absolute;top:2px;left:2px}.dj-switch.on{color:var(--accent)}.dj-switch.on .dj-track{background:#2dd4bf59}.dj-switch.on .dj-knob{background:var(--accent);transform:translate(12px)}.queue-bar .menu{min-width:200px;top:34px}.menu button.danger{color:#fca5a5}.menu button[aria-disabled=true]{color:var(--faint);cursor:default}.menu button[aria-disabled=true]:hover{background:0 0}.menu-why{color:var(--faint);margin-top:2px;font-size:11px;display:block}.queue-head .requests{margin-top:12px}.queue-now{background:#ffffff0d;border-radius:10px;align-items:center;gap:12px;margin-top:12px;padding:8px;display:flex}.queue-now .art{flex:none;border-radius:var(--r-thumb)!important}.queue-now-label{color:var(--accent);font-size:11px;font-weight:600}.queue-now-title{font-weight:600}.queue-count{color:var(--muted);margin:16px 2px 4px;font-size:12px}.qrow{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;height:56px;padding:6px 8px;display:grid;position:relative}.qrow .qgrip{display:none}.qrow .a{gap:6px}.qby{flex:none;display:inline-flex}.qend{justify-content:flex-end;align-items:center;min-width:44px;display:flex}.qtime{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.qrow .acts{gap:2px;display:none}@media (hover:hover){.qrow:hover .acts,.qrow:focus-within .acts{display:flex}.qrow:hover .qtime,.qrow:focus-within .qtime{display:none}.qrow:hover .qgrip{display:grid;position:absolute;top:0;bottom:0;left:-6px}}@media (hover:none){.qrow .acts{display:flex}.qend{gap:6px}}@media (pointer:coarse){.qrow{grid-template-columns:16px 40px minmax(0,1fr) auto}.qrow .qgrip,.qrow:hover .qgrip{display:grid;position:static}}.qby-name{flex:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quick-grid{grid-template-columns:repeat(var(--quick-cols,3), minmax(0, 1fr))}.liked-cover{color:#fff;background:linear-gradient(135deg,#2dd4bf,#7c5cff)}.quick-new{color:var(--muted)}.quick-new .liked-art{background:#ffffff0f}.tile-row.six{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}@media (width<=900px){.tile-row.six{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.quick-grid{grid-template-columns:1fr 1fr}.quick-grid[data-count="3"]>:last-child{grid-column:1/-1}}.home .react,.np-view .react{min-width:40px;height:30px;padding:0 10px;font-size:16px}.home .react span,.np-view .react span{font-size:12px}@media (pointer:coarse){.home .react,.np-view .react{min-width:44px;height:44px}}.react-more{color:var(--muted);font-size:16px;font-weight:600}.song-tile-meta .menu-wrap>.icon-btn{opacity:0;transition:opacity .15s}.song-tile:hover .menu-wrap>.icon-btn,.song-tile:focus-within .menu-wrap>.icon-btn,.song-tile-meta .menu-wrap>.icon-btn[aria-expanded=true]{opacity:1}@media (hover:none){.song-tile-meta .menu-wrap>.icon-btn{opacity:1}}.friends-strip{flex-wrap:wrap;gap:8px;overflow:visible}.friend-card{min-width:0;max-width:280px;color:var(--text);cursor:pointer;text-align:left;font:inherit;background:#ffffff0d;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex}.friend-card:hover{background:#ffffff17}.friend-text{flex-direction:column;min-width:0;display:flex}.friend-text small{color:var(--muted);font-size:12px}.home>section+section,.home>.quick-grid+section{margin-top:32px}.art-yt{display:block;position:relative}.art-yt>img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.34)}.np-view{--np-col:min(640px, 92vw);--np-room:max(160px, calc(100vh - 290px));--np-art:min(62vh, 48vw, 640px, var(--np-room))}.np-top{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.np-top>:first-child{justify-self:start}.np-top-faces{justify-self:end}.np-stage>.art{width:var(--np-art)!important;height:var(--np-art)!important}.np-lyrics{width:var(--np-col)}.np-lyrics .lyric{font-size:clamp(20px,2.2vw,30px)}.np-lyrics .lyrics-box{scrollbar-width:none;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.np-lyrics .lyrics-box::-webkit-scrollbar{display:none}.np-lyrics .lyrics-box{padding:3em 0}.np-stage .np-media.np-canvas{--canvas-h:min(62vh, 640px, var(--np-room));height:var(--canvas-h)}.np-canvas .np-video iframe{width:calc(var(--canvas-h) * 16 / 9);aspect-ratio:auto;max-width:none}.np-controls{width:var(--np-col);flex-direction:column;gap:12px;display:flex}.np-controls .np-info{flex-wrap:nowrap;align-items:center;width:100%}.np-controls .np-title{min-width:0}.np-controls .reactions{flex:none;justify-content:flex-end}.player.player-full{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"seek seek seek"".row right";gap:8px 12px;width:100%;display:grid}.player.player-full .controls{display:contents}.player.player-full .controls>.row{grid-area:row;justify-content:center}.player.player-full .controls>.seek{grid-area:seek}.player.player-full .right{flex-wrap:wrap;grid-area:right;justify-content:flex-end;justify-self:end;row-gap:4px;min-width:0}.player.player-full .vol{width:64px}.player.player-full .right .pill{text-align:right;background:0 0;flex-basis:100%;order:1;padding:0}@media (width<=767px){.np-view{--np-art:min(80vw, 46vh);--np-col:100%}.np-top-faces{display:none}.np-controls .np-info{flex-wrap:wrap}.player.player-full{grid-template-columns:minmax(0,1fr);grid-template-areas:"seek""row""right"}.player.player-full .right{justify-self:center}}.cards:has(>.made-for){grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card.made-for{align-items:center;gap:14px;display:flex}.card.made-for .pl-collage,.card.made-for>.art{flex:none;border-radius:var(--r-thumb)!important;width:72px!important;height:72px!important}.made-for-text{min-width:0}.discover .tracks{max-width:640px}.stats-card{cursor:default}.stats-card:hover{background:var(--panel)}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stats-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.artist-grid .round-tile{width:auto}.artist-grid .round-art{width:96px;height:96px;overflow:hidden}.artist-grid .round-art .art{width:100%!important;height:100%!important}.pl-cell{min-width:0;min-height:0;display:block;overflow:hidden}.pl-cell.yt img{transform:scale(1.34)}.made-for-text .title{margin-top:0}.tabbar{padding:6px 0 calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#0e0f13f0;grid-area:tabs;justify-content:space-around;display:flex}.tabbar button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:2px 8px;font-size:11px;display:flex}.tabbar button.on{color:var(--text)}.mini{border-radius:var(--r-panel);cursor:pointer;touch-action:pan-x;grid-area:mini;margin:0 8px 6px;overflow:hidden}.mini-row{align-items:center;gap:10px;padding:6px 6px 6px 8px;display:flex}.mini-row .art{border-radius:var(--r-thumb)!important}.mini-meta{flex:1;min-width:0}.mini-meta .t{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.mini-meta .a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mini .icon-btn.on{color:var(--accent)}.mini-progress{background:#ffffff1a;height:2px}.mini-progress>div{background:var(--accent);height:2px;transition:width .5s linear}.topbar.phone{padding:14px 16px 6px}.topbar-title{letter-spacing:-.02em;flex:1;font-size:20px;font-weight:600}@media (width<=1099px){.app,.app.panel-closed{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"side main""player player"}.side-panel{z-index:50;top:64px;right:8px;bottom:calc(var(--player-h) + 16px);width:min(360px,100vw - 16px);position:fixed;box-shadow:0 20px 60px #0009}.player{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:10px;padding:0 10px}.player .right{justify-content:safe flex-end;gap:2px}.player .vol,.np .faces{display:none}}.mini-idle{width:calc(100% - 16px);color:var(--text);font:inherit;border:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mini-open{color:var(--accent);font-weight:600}.lib-actions{flex-wrap:wrap;gap:8px;margin:6px 0 18px}@media (width<=767px){.app,.app.panel-closed{grid-template:"main"minmax(0,1fr)"mini""tabs"/minmax(0,1fr);gap:0;padding:0}.app>.side{display:none}.app>main.panel{border-radius:0}.side-panel{border-radius:var(--r-panel) var(--r-panel) 0 0;z-index:60;width:auto;inset:48px 0 0}.page{padding:8px 16px 32px}.toasts{bottom:150px}.side-panel .player{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;flex-direction:column;grid-area:auto;align-items:stretch;gap:8px;padding:14px 14px 6px;display:flex}.side-panel .player .right{flex-wrap:wrap;justify-content:center}.side-panel .player .vol{width:110px;display:block}}@media (hover:none){.track .acts{opacity:1}.qrow .acts{display:flex}}