:root{--bg: #000000;--bg-elev: #0a0b10;--sidebar: #000000;--card: #181818;--card-hover: #282828;--surface: #1f1f22;--surface-2: #2a2a2e;--text: #ffffff;--sub: #c3c4cc;--muted: #8a8b95;--accent: #32ADE6;--accent-hover: #64D2FF;--accent-press: #2591c4;--border: rgba(255, 255, 255, .08);--glass: rgba(26, 27, 34, .52);--glass-strong: rgba(18, 19, 26, .68);--glass-thin: rgba(255, 255, 255, .06);--glass-hover: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .16);--blur: 44px;--blur-sm: 22px;--sat: 165%;--glass-shadow: 0 10px 34px rgba(0, 0, 0, .44);--ring: 0 0 0 1px var(--glass-border), inset 0 1px 0 var(--glass-highlight);--sidebar-w: 260px;--panel-w: 340px;--topbar-h: 64px;--player-h: 92px;--radius: 12px;--radius-lg: 18px;--ease: cubic-bezier(.3, 0, 0, 1);--sat-top: env(safe-area-inset-top, 0px);--sat-right: env(safe-area-inset-right, 0px);--sat-bottom: env(safe-area-inset-bottom, 0px);--sat-left: env(safe-area-inset-left, 0px);--mobilenav-h: 58px;color-scheme:dark}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,SF Pro Display,SF Pro Text,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}input,textarea,[contenteditable]{user-select:text;-webkit-user-select:text}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;background:radial-gradient(42% 46% at 16% 10%,rgba(50,173,230,.34),transparent 62%),radial-gradient(42% 46% at 84% 6%,rgba(94,92,230,.32),transparent 64%),radial-gradient(50% 52% at 90% 86%,rgba(94,92,230,.34),transparent 62%),radial-gradient(48% 50% at 6% 90%,rgba(48,176,199,.28),transparent 62%),radial-gradient(64% 64% at 50% 48%,rgba(10,11,16,.45),transparent 72%);filter:saturate(140%);animation:aurora 26s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 50% 0%,transparent 40%,rgba(0,0,0,.55) 100%);pointer-events:none}@keyframes aurora{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,1.5%,0) scale(1.08)}to{transform:translate3d(-2%,-1%,0) scale(1.04)}}@media(prefers-reduced-motion:reduce){body:before{animation:none}}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:content-box}.app{display:grid;height:100vh;height:100dvh;padding:max(8px,var(--sat-top)) max(8px,var(--sat-right)) 8px max(8px,var(--sat-left));gap:8px;grid-template-columns:var(--sidebar-w) 1fr 0px;grid-template-rows:var(--topbar-h) 1fr var(--player-h);grid-template-areas:"sidebar topbar topbar" "sidebar main   panel" "player  player player";background:transparent;transition:grid-template-columns .28s var(--ease)}.app--panel{grid-template-columns:var(--sidebar-w) 1fr var(--panel-w)}.sidebar{grid-area:sidebar}.topbar{grid-area:topbar}.main{grid-area:main;min-width:0}.nowpanel{grid-area:panel}.playerbar{grid-area:player}.sidebar{min-height:0;perspective:1800px}.flipwrap{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.62,.04,.18,1)}.flipwrap--flipped{transform:rotateY(180deg)}.flipface{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipface--back{transform:rotateY(180deg)}.navlink--back{color:var(--text);cursor:pointer;text-align:left;font-size:inherit}.navlink--back:hover{background:var(--glass-thin)}.sidebar__lib.settings-side-foot{flex:0 0 auto;margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:22px 24px}.settings-side-foot__logo{border-radius:12px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45));margin-bottom:10px}.settings-side-foot__name{font-weight:800;font-size:18px;letter-spacing:-.3px}.settings-side-foot__name .thin{font-weight:500;color:var(--sub)}.settings-side-foot__ver{color:var(--muted);font-size:12px}.settings-side-foot__tag{color:var(--sub);font-size:12px;margin-top:10px}.brand{display:flex;align-items:center;gap:6px;height:var(--topbar-h);padding:0 18px;flex-shrink:0;background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-lg)}.brand__logo{flex-shrink:0;border-radius:10px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.brand__name{font-weight:800;font-size:19px;letter-spacing:-.4px}.brand__name-accent{font-weight:600;color:var(--sub);letter-spacing:0}.flipface--back .brand{justify-content:center}.flipface--back .brand__name{font-weight:600;letter-spacing:-.2px}.sidebar__nav{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.navlink{display:flex;align-items:center;gap:16px;padding:13px 18px;font-weight:700;color:var(--sub);border-radius:0;transition:color .15s}.navlink{transition:color .15s,background .15s,box-shadow .15s}.navlink:hover{color:var(--text);background:var(--glass-thin)}.navlink.active{color:var(--text);background:var(--glass-hover);box-shadow:inset 0 1px 0 var(--glass-highlight)}.sidebar__lib{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-lg);flex:1;min-height:0;display:flex;flex-direction:column;padding:4px 0}.sidebar__libhead{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.sidebar__libtitle{display:flex;align-items:center;gap:12px;color:var(--sub);font-weight:700}.sidebar__libtitle:hover{color:var(--text)}.sidebar__list{overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:2px}.libitem{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background .15s}.libitem:hover{background:var(--glass-hover)}.libitem.active{background:var(--glass-hover);box-shadow:inset 0 1px 0 var(--glass-highlight)}.libitem__art{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0}.liked-art,.liked-hero{background:linear-gradient(135deg,#4300a0,#b1a6ff);display:grid;place-items:center}.libitem__meta{min-width:0}.libitem__title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.libitem.active .libitem__title{color:var(--accent)}.libitem__sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__empty{margin:8px;padding:14px;border-radius:8px;background:var(--surface);color:var(--sub);display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.sidebar__empty:hover{background:var(--surface-2);color:var(--text)}.topbar{position:relative;z-index:30;padding:0;perspective:1600px;background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-lg)}.topbar-flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.62,.04,.18,1)}.topbar-flip--flipped{transform:rotateX(180deg)}.topbar-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.topbar-face--front{display:flex;align-items:center;gap:16px;padding:0 16px}.topbar-face--back{transform:rotateX(180deg);display:flex;align-items:center;padding:7px 18px}.topbar-waves{flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px;height:100%}.topwave{display:flex;align-items:center;gap:10px;flex:1;min-height:0}.topwave__badge{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:900;color:#03121e;flex-shrink:0}.topwave__wf{flex:1;height:100%;min-height:0}.topwave__wf .wf{height:100%}.topwave__bpm{width:34px;text-align:right;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0}.topbar__nav{display:flex;gap:8px}.round-btn{width:36px;height:36px;border-radius:50%;background:var(--glass-thin);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);display:grid;place-items:center;color:var(--sub);transition:transform .1s,color .15s,background .15s}.round-btn:hover{color:var(--text);background:var(--glass-hover)}.round-btn:active{transform:scale(.92)}.topbar__search{flex:1;max-width:480px;position:relative}.suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 22px 55px #0000008c;border-radius:16px;padding:6px;z-index:200;max-height:62vh;overflow-y:auto}.suggest__label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700;padding:9px 12px 5px}.suggest__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;cursor:pointer;color:var(--sub)}.suggest__item.active{background:var(--glass-hover);color:var(--text)}.suggest__ic{color:var(--muted);flex-shrink:0}.suggest__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px}.suggest__rm{opacity:0;color:var(--muted);display:grid;place-items:center;padding:2px;border-radius:50%}.suggest__item:hover .suggest__rm{opacity:1}.suggest__rm:hover{color:var(--text)}.shelf__sub{font-size:13px;color:var(--muted);margin-top:3px}.searchbox{display:flex;align-items:center;gap:10px;background:var(--glass-thin);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:999px;padding:0 16px;height:46px;color:var(--muted);transition:border-color .15s,background .15s,box-shadow .15s}.searchbox:focus-within{border-color:#ffffff73;background:var(--glass-hover);box-shadow:inset 0 1px 0 var(--glass-highlight),0 0 0 3px #32ade61f}.searchbox input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:14px}.searchbox__clear{color:var(--muted);display:grid;place-items:center}.searchbox__clear:hover{color:var(--text)}.topbar__right{margin-left:auto}.settings{position:relative}.settings .avatar{cursor:pointer;border:none}.settings__menu{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 22px 55px #0000008c;border-radius:14px;padding:12px;z-index:300}.settings__title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:4px 6px 10px}.settings__row{display:flex;align-items:center;gap:12px;padding:8px 6px}.settings__text{flex:1;min-width:0}.settings__label{font-size:14px;font-weight:600}.settings__hint{font-size:12px;color:var(--muted);margin-top:2px;min-height:15px}.settings__note{font-size:12px;color:var(--muted);padding:8px 6px 4px;border-top:1px solid var(--border);margin-top:6px;line-height:1.4}.toggle{flex-shrink:0;width:42px;height:24px;border-radius:999px;background:#ffffff29;border:1px solid var(--glass-border);position:relative;transition:background .18s var(--ease)}.toggle--on{background:var(--accent)}.toggle__knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0006;transition:transform .18s var(--ease)}.toggle--on .toggle__knob{transform:translate(18px)}.settings__divide{height:1px;background:var(--border);margin:12px 0}.settings__label{display:flex;align-items:center;gap:7px}.settings__badge{margin-left:auto;background:var(--accent);color:#03121e;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.sleep-opts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.chip.sm{padding:6px 12px;font-size:13px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#5e5ce6);color:#fff;display:grid;place-items:center}.main{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 220px),var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-lg);overflow:hidden;position:relative}.scroll-area{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.page{padding:24px 32px 40px;max-width:none;margin:0}.section-title{font-size:22px;font-weight:800;letter-spacing:-.4px;margin:26px 0 14px}.greeting{font-size:30px;font-weight:800;letter-spacing:-.6px;margin-bottom:16px}.quickgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:8px}.quicktile{display:flex;align-items:center;gap:14px;background:#ffffff12;border-radius:6px;overflow:hidden;transition:background .15s;cursor:pointer}.quicktile:hover{background:#ffffff29}.quicktile .thumb{width:56px;height:56px;border-radius:0;flex-shrink:0}.quicktile span{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf{margin-bottom:14px}.shelf__head{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 6px}.shelf__head h2{font-size:22px;font-weight:800;letter-spacing:-.4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.card{background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);padding:12px;transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);cursor:pointer;position:relative}.card:hover{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 14px 40px #00000080;transform:translateY(-4px)}.card:focus-visible{outline:2px solid var(--accent)}.card__art{position:relative;margin-bottom:14px}.card__play{position:absolute;right:8px;bottom:8px;width:48px;height:48px;border-radius:50%;background:linear-gradient(160deg,var(--accent-hover),var(--accent));color:#03121e;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff73,0 10px 24px #32ade666;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.card:hover .card__play,.card--current .card__play{opacity:1;transform:translateY(0)}.card__play:hover{transform:scale(1.05);background:var(--accent-hover)}.card__title{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__sub{font-size:13px;color:var(--muted);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;min-height:34px}.thumb{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:var(--surface);box-shadow:0 6px 16px #0000004d;display:grid;place-items:center}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb--round{border-radius:50%}.thumb__ph{color:#ffffff80}.skeleton,.sk-line{background:linear-gradient(90deg,#202020,#2b2b2b,#202020);background-size:200% 100%;animation:sk 1.3s infinite;border-radius:6px}.card--skeleton .card__art{aspect-ratio:1}.sk-line{height:12px;margin-top:10px}.sk-line--short{width:60%}.sk-title{height:24px;width:220px;margin:0;border-radius:7px}.sk-sub{height:12px;width:130px;margin-top:9px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.detailhead{position:relative;isolation:isolate;display:flex;align-items:flex-end;gap:24px;padding:56px 32px 28px;margin:-24px -32px 0;overflow:hidden;background:transparent}.detailhead:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--tint, linear-gradient(135deg, #3a3a44, #1c1c24));opacity:.55}.detailhead:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#ffffff1f,#fff0 32%,#07070a6b);box-shadow:inset 0 1px 0 var(--glass-highlight);-webkit-backdrop-filter:saturate(var(--sat));backdrop-filter:saturate(var(--sat))}.detailhead__art{width:220px;height:220px;flex-shrink:0;border-radius:10px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 22px 55px #0000009e}.detailhead__art .thumb{box-shadow:none;border-radius:0}.detailhead__info{min-width:0;padding-bottom:6px}.detailhead__kind{font-size:13px;font-weight:700}.detailhead__title{font-size:66px;font-weight:900;letter-spacing:-3px;line-height:1.05;margin:10px 0}.detailhead__title.long{font-size:44px;letter-spacing:-2px}.detailhead__title.editable{cursor:pointer}.detailhead__desc{color:var(--sub);font-size:14px;margin-bottom:8px}.detailhead__meta{font-size:14px;color:var(--sub);display:flex;flex-wrap:wrap;align-items:center}.detailhead__meta .strong{color:var(--text);font-weight:700}.detailhead__meta .dot{color:var(--sub)}.detailhead__meta .muted{color:var(--muted)}.detail{background:transparent}.detailhead--liked{--tint: linear-gradient(135deg, #6d28d9, #a855f7)}.detailhead--liked:before{opacity:.62}.detail__actions{display:flex;align-items:center;gap:22px;padding:22px 4px}.play-hero{width:56px;height:56px;border-radius:50%;background:linear-gradient(160deg,var(--accent-hover),var(--accent));color:#03121e;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff73,0 10px 26px #32ade66b;transition:transform .12s,filter .15s}.play-hero:hover{transform:scale(1.06);filter:brightness(1.08)}.play-hero:active{transform:scale(.98)}.artist-hero{height:340px;margin:-24px -32px 0;display:flex;align-items:flex-end;background-size:cover!important;background-position:center 20%!important;padding:28px}.verified{font-size:13px;font-weight:700}.artist-hero__name{font-size:84px;font-weight:900;letter-spacing:-3px;line-height:1;margin:12px 0 8px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.artist-hero__subs{font-size:14px;color:var(--text)}.about p{color:var(--sub);max-width:720px;line-height:1.6;white-space:pre-wrap}.tracklist{margin-top:8px}.trow{display:grid;grid-template-columns:32px 4fr 3fr 40px 60px 40px;align-items:center;gap:12px;padding:6px 12px;border-radius:6px;color:var(--sub);font-size:14px}.trow--noalbum{grid-template-columns:32px 5fr 40px 60px 40px}.tracklist__head{border-bottom:1px solid var(--border);border-radius:0;padding-bottom:10px;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);position:sticky;top:0;z-index:2;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat))}.tracklist__body .trow:hover{background:#ffffff14}.trow--current .trow__title{color:var(--accent)}.trow__idx{display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;color:var(--muted)}.trow__num{display:inline}.trow__play{display:none;color:var(--text)}.trow:hover .trow__num{display:none}.trow:hover .trow__play{display:inline-grid;place-items:center}.trow__main{display:flex;align-items:center;gap:12px;min-width:0}.trow__main .thumb{width:40px;height:40px;border-radius:4px;flex-shrink:0;box-shadow:none}.trow__meta{min-width:0}.trow__title{color:var(--text);font-weight:500;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.trow__artists{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trow__album{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.trow__dur{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.trow__like{opacity:0;justify-self:center}.trow:hover .trow__like{opacity:1}.trow__like.liked{opacity:1;color:var(--accent)}.trow__more{opacity:0;justify-self:center}.trow:hover .trow__more{opacity:1}.hoverline:hover{text-decoration:underline}.badge-e{font-size:9px;background:var(--muted);color:#000;padding:1px 4px;border-radius:2px;font-weight:700}.accent{color:var(--accent)!important}.eq{display:flex;align-items:flex-end;gap:2px;height:16px}.eq span{width:3px;background:var(--accent);animation:eq .9s ease-in-out infinite}.eq span:nth-child(1){animation-delay:-.4s}.eq span:nth-child(3){animation-delay:-.2s}@keyframes eq{0%,to{height:5px}50%{height:16px}}.icon-btn{color:var(--sub);display:inline-grid;place-items:center;padding:6px;border-radius:50%;transition:color .15s,transform .1s,background .15s}.icon-btn:hover{color:var(--text)}.icon-btn:active{transform:scale(.9)}.icon-btn.active,.icon-btn.liked{color:var(--accent)}.icon-btn.lg{padding:8px}.icon-btn:disabled{opacity:.4;cursor:default}.btn{padding:8px 16px;border-radius:999px;font-weight:700;font-size:14px;transition:transform .1s,background .15s,color .15s}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:#000}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{color:var(--sub);font-weight:700}.btn--ghost:hover{color:var(--text)}.btn--pill{background:var(--text);color:#000}.btn--pill.sm{padding:5px 12px;font-size:13px;display:inline-flex;align-items:center;gap:4px}.btn--pill:disabled{background:transparent;color:var(--muted);border:1px solid var(--border)}.link-btn{color:var(--sub);font-weight:700;font-size:14px;padding:8px 4px}.link-btn:hover{color:var(--text)}.chip{padding:8px 16px;border-radius:999px;background:var(--glass-thin);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);color:var(--text);font-weight:600;font-size:14px;transition:background .15s,transform .1s}.chip:hover{background:var(--glass-hover)}.chip--active{background:var(--text);color:#000}.filter-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.announce{display:flex;align-items:center;gap:10px;padding:11px 12px 11px 14px;margin-bottom:18px;border-radius:14px;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text)}.announce__icon{color:var(--accent-hover);flex:none}.announce__text{flex:1;font-size:14px;line-height:1.45}.announce__close{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:var(--muted)}.announce__close:hover{background:#ffffff1a;color:var(--text)}.browse-section{margin-bottom:26px}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.genre-tile{--g: #555;position:relative;height:104px;border-radius:12px;padding:14px 16px;overflow:hidden;color:#fff;background:linear-gradient(150deg,#ffffff2e,#0000005c),var(--g);box-shadow:inset 0 1px #ffffff29,0 6px 18px #0000004d;transition:transform .18s var(--ease),box-shadow .18s var(--ease)}.genre-tile:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff38,0 14px 28px #00000070}.genre-tile__label{position:relative;z-index:1;font-weight:800;font-size:17px;letter-spacing:-.2px;text-shadow:0 1px 8px rgba(0,0,0,.32)}.genre-tile__art{position:absolute;right:-14px;bottom:-18px;width:78px;height:78px;display:grid;place-items:center;border-radius:13px;color:#fffffff2;background:linear-gradient(150deg,#ffffff52,#0000004d);box-shadow:0 12px 22px #0000006b,inset 0 1px #fff6;transform:rotate(24deg);transition:transform .24s var(--ease)}.genre-tile:hover .genre-tile__art{transform:rotate(17deg) scale(1.09) translateY(-3px)}.search-top{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:24px;align-items:start}.topresult{position:relative;background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:16px;padding:22px;min-height:210px;display:flex;flex-direction:column;cursor:pointer;transition:background .2s}.topresult:hover{background:var(--glass-hover)}.topresult:hover .topresult__play{opacity:1;transform:translateY(0)}.topresult__art{width:92px;height:92px;margin-bottom:16px;flex-shrink:0}.topresult__art .thumb{width:92px;height:92px;box-shadow:0 8px 22px #00000073}.topresult__name{font-size:30px;font-weight:800;letter-spacing:-.6px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topresult__sub{color:var(--muted);font-size:14px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topresult__type{margin-top:auto;align-self:flex-start;background:#0000006b;color:var(--text);font-size:12px;font-weight:700;padding:5px 13px;border-radius:999px}.topresult__play{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:linear-gradient(160deg,var(--accent-hover),var(--accent));color:#03121e;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff73,0 10px 24px #32ade666;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.topresult__play:hover{filter:brightness(1.08)}@media(max-width:900px){.search-top{grid-template-columns:1fr}}.playerbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 16px;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-lg)}.playerbar__left{display:flex;align-items:center;gap:14px;min-width:0}.playerbar__left .thumb{width:58px;height:58px;border-radius:6px;flex-shrink:0}.playerbar__meta{min-width:0}.playerbar__title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerbar__title a:hover{text-decoration:underline}.playerbar__artist{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playerbar__empty{color:var(--muted);font-size:13px}.playerbar__center{display:flex;flex-direction:column;align-items:center;gap:6px;width:min(45vw,560px)}.controls{display:flex;align-items:center;gap:18px}.play-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(160deg,#fff,#dfe1e6);color:#000;display:grid;place-items:center;box-shadow:inset 0 1px #ffffffe6,0 6px 16px #0006;transition:transform .1s,filter .15s}.play-btn:hover{transform:scale(1.06)}.play-btn:active{transform:scale(.96)}.play-btn:disabled{opacity:.5}.cast-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent)}.progress{display:flex;align-items:center;gap:10px;width:100%}.progress__time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.playerbar__right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.volume{width:100px}.slider{width:100%;padding:6px 0;cursor:pointer;touch-action:none}.slider:focus-visible{outline:none}.slider__rail{position:relative;height:4px;background:#ffffff3d;border-radius:2px}.slider__buffered{position:absolute;height:100%;background:#ffffff4d;border-radius:2px}.slider__fill{position:absolute;height:100%;background:var(--text);border-radius:2px}.slider:hover .slider__fill,.slider--drag .slider__fill{background:var(--accent);box-shadow:0 0 10px #32ade68c}.slider__thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--text);transform:translate(-50%,-50%) scale(0);transition:transform .12s;box-shadow:0 1px 4px #00000080}.slider:hover .slider__thumb,.slider--drag .slider__thumb{transform:translate(-50%,-50%) scale(1)}.nowpanel{background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;min-width:0}.nowpanel__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.nowpanel__tabs{display:flex;gap:6px}.nowpanel__tabs button{padding:6px 12px;border-radius:999px;color:var(--sub);font-weight:700;font-size:14px}.nowpanel__tabs button:hover{color:var(--text)}.nowpanel__tabs button.active{background:var(--surface-2);color:var(--text)}.nowpanel__body{flex:1;overflow-y:auto;padding:4px 14px 16px}.nowpanel__section{font-size:15px;font-weight:700;margin:14px 0 8px}.nowpanel__empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;color:var(--muted);padding:60px 20px}.nowpanel__empty p{color:var(--text);font-weight:700}.qrow{display:flex;align-items:center;gap:12px;padding:6px;border-radius:6px}.qrow:hover{background:#ffffff14}.qrow__art{position:relative;width:44px;height:44px;flex-shrink:0;cursor:pointer}.qrow__art .thumb{width:44px;height:44px;border-radius:4px;box-shadow:none}.qrow__play{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;display:none;place-items:center;border-radius:4px}.qrow:hover .qrow__play{display:grid}.qrow__meta{min-width:0;cursor:pointer;flex:1}.qrow__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrow__artist{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qrow--active{background:#1ed76014}.qrow__rm{opacity:0}.qrow:hover .qrow__rm{opacity:1}.lyrics{padding:8px 4px}.lyrics--loading{color:var(--muted);padding:40px 10px}.lyrics__text{font-family:inherit;white-space:pre-wrap;font-size:22px;font-weight:700;line-height:1.6;color:var(--sub);letter-spacing:-.2px}.lyrics__source{margin-top:20px;font-size:12px;color:var(--muted)}.addsongs{margin-top:40px;border-top:1px solid var(--border);padding-top:12px}.searchbox--inline{max-width:380px;height:40px;margin-bottom:12px}.addsongs__list{display:flex;flex-direction:column}.addrow{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px}.addrow:hover{background:#ffffff0f}.addrow .thumb{width:42px;height:42px;border-radius:4px;box-shadow:none}.addrow__meta{flex:1;min-width:0}.addrow__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addrow__artist{font-size:12px;color:var(--muted)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.menu{position:absolute;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);border-radius:12px;padding:6px;min-width:210px;box-shadow:inset 0 1px 0 var(--glass-highlight),0 16px 50px #0009;font-size:14px}.menu--sub{position:absolute;left:100%;top:0;margin-left:2px;max-height:320px;overflow-y:auto}.menu__item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:4px;color:var(--sub);position:relative;white-space:nowrap}.menu__item:hover{background:var(--glass-hover);color:var(--text)}.menu__item--danger:hover{color:#ff6b6b}.menu__icon{display:grid;place-items:center;color:inherit}.menu__label{flex:1}.menu__chev{margin-left:auto}.menu__divider{height:1px;background:var(--border);margin:4px 6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:1100}.modal{width:520px;max-width:92vw;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);border-radius:18px;padding:24px;box-shadow:inset 0 1px 0 var(--glass-highlight),0 30px 80px #0009}.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal__head h2{font-size:24px;font-weight:800}.modal__body{display:flex;gap:16px;flex-direction:column}.modal__input,.modal__textarea{background:var(--glass-thin);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:8px;padding:12px;color:var(--text);font-size:14px;outline:none}.modal__input:focus,.modal__textarea:focus{box-shadow:0 0 0 2px #fff6}.modal__textarea{min-height:90px;resize:none}.modal__foot{display:flex;justify-content:flex-end;margin-top:20px}.modal__foot .btn--primary{padding:12px 32px}.toasts{position:fixed;bottom:calc(var(--player-h) + 20px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:1200;align-items:center}.toast{background:linear-gradient(160deg,var(--accent-hover),var(--accent));color:#03121e;font-weight:700;font-size:14px;padding:12px 20px;border-radius:12px;box-shadow:inset 0 1px #fff6,0 12px 30px #32ade64d;animation:toastin .2s var(--ease)}@keyframes toastin{0%{opacity:0;transform:translateY(10px)}}.empty-state{text-align:center;padding:80px 20px;color:var(--muted);display:flex;flex-direction:column;gap:8px;align-items:center}.empty-state p{color:var(--text);font-size:20px;font-weight:800}.empty-state.small{padding:30px}.loading-line{color:var(--muted);padding:20px 4px}.settings-page{max-width:900px;margin:0 auto;animation:settingsIn .5s var(--ease)}@keyframes settingsIn{0%{opacity:0;transform:translateY(14px)}}.settings-page__head .detailhead__kind{color:var(--accent)}.settings-page__head h1{font-size:42px;font-weight:900;letter-spacing:-1.4px;margin:8px 0 6px}.settings-page__head p{color:var(--sub)}.settings-page__body{margin-top:22px}.setcard{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:16px;padding:4px 22px;margin-bottom:16px}.import{padding:18px 0}.import__lead{color:var(--sub);line-height:1.6;margin-bottom:16px;max-width:60ch}.import__lead strong{color:var(--text)}.import__row{display:flex;gap:10px;flex-wrap:wrap}.import__input{flex:1;min-width:220px;height:46px;padding:0 16px;border-radius:12px;background:var(--glass-thin);border:1px solid var(--glass-border);color:var(--text);font-size:14px;outline:none;transition:border-color .15s,background .15s}.import__input:focus{border-color:#ffffff47;background:#ffffff0f}.import__btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;font-weight:700;font-size:14px;color:#03121e;background:linear-gradient(160deg,var(--accent-hover),var(--accent));box-shadow:inset 0 1px #ffffff73,0 8px 20px #32ade657;transition:transform .12s,filter .15s,opacity .15s}.import__btn:hover:not(:disabled){filter:brightness(1.06)}.import__btn:active:not(:disabled){transform:scale(.98)}.import__btn:disabled{opacity:.55;cursor:default}.import__error{margin-top:14px;padding:12px 14px;border-radius:10px;background:#e5484d24;border:1px solid rgba(229,72,77,.4);color:#ff9ea1;font-size:14px}.import__ok{margin-top:14px;padding:12px 14px;border-radius:10px;background:#32ade61f;border:1px solid rgba(50,173,230,.34);color:var(--text);font-size:14px;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.import__ok svg{color:var(--accent);flex-shrink:0;margin-top:1px}.import__open{display:inline-block;margin-left:6px;color:var(--accent);font-weight:700;text-decoration:underline}.import__hint{margin-top:16px;color:var(--muted);font-size:12.5px}.remote-help{padding:6px 2px 16px}.remote-help__lead{color:var(--sub);font-size:13.5px;line-height:1.55;margin-bottom:14px}.remote-help__list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.remote-help__list li{display:flex;flex-direction:column;gap:4px;min-width:0}.remote-help__list span{font-size:12px;color:var(--muted);font-weight:600}.remote-help__list code,.remote-help__note code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:var(--accent);background:var(--glass-thin);border:1px solid var(--glass-border);border-radius:6px;padding:5px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-help__note{margin-top:16px;font-size:13px;color:var(--sub);display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:780px){.remote-help__list{grid-template-columns:1fr}}.setrow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.setrow__text{min-width:0}.setrow__label{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}.setrow__hint{color:var(--muted);font-size:13px;margin-top:3px;line-height:1.45}.setrow__divide{height:1px;background:var(--border)}.setrow__control{flex-shrink:0}.setrow__value{color:var(--sub);font-size:14px;font-weight:600}.setselect{-moz-appearance:none;appearance:none;-webkit-appearance:none;max-width:260px;padding:9px 36px 9px 14px;border-radius:10px;background:var(--glass-thin);border:1px solid var(--glass-border);color:var(--text);font-size:14px;font-family:inherit;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .15s,background-color .15s}.setselect:hover{border-color:#ffffff3d}.setselect:focus{outline:none;border-color:var(--accent)}.setselect option{background:#1c1c1e;color:#fff}.equalizer{padding:16px 4px 6px}.eq__top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.eq__label{font-size:13px;color:var(--muted);font-weight:600}.eq__bands{display:flex;flex-direction:column;gap:12px;transition:opacity .2s var(--ease)}.eq__bands--off{opacity:.45}.eq__band{display:flex;align-items:center;gap:14px}.eq__freq{width:46px;flex-shrink:0;text-align:right;font-size:13px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.eq__freq em{color:var(--muted);font-style:normal;font-weight:500;font-size:11px;margin-left:2px}.eq__slider{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer}.eq__slider:disabled{cursor:default}.eq__db{width:52px;flex-shrink:0;text-align:right;font-size:12px;color:var(--sub);font-variant-numeric:tabular-nums}.xfade{display:flex;align-items:center;gap:12px}.xfade__range{width:180px;accent-color:var(--accent);cursor:pointer}.xfade__val{font-size:13px;font-weight:600;color:var(--sub);min-width:30px;text-align:right}@media(max-width:780px){.eq__slider{height:110px}.xfade__range{width:130px}}.setrow__with-status{display:inline-flex;align-items:center;gap:8px}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.dot-live--idle{background:var(--muted);box-shadow:none;animation:none}.remote-help__status{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:600;color:var(--sub)}.about-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;gap:4px}.about-card__logo{border-radius:12px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}.about-card__name{font-size:28px;font-weight:900;letter-spacing:-1px;margin-top:14px}.about-card__name .thin{font-weight:500;color:var(--sub)}.about-card__tag{margin-top:4px;font-size:14px;color:var(--accent);letter-spacing:.2px}.about-card__ver{color:var(--muted);font-size:13px;margin-top:8px}.about-card__by{margin-top:8px;font-size:14px;color:var(--sub)}.about-card__by strong{color:var(--text);font-weight:700}.about-card__by-sub{color:var(--muted)}.about-card__desc{color:var(--sub);max-width:48ch;margin-top:12px;line-height:1.6}.dj{height:100%;display:flex;flex-direction:column;min-height:0}.dj__head h1{font-size:28px;font-weight:900;letter-spacing:-1px;margin:0 0 16px;display:flex;align-items:center;gap:10px}.dj__head h1 svg{color:var(--accent)}.dj__decks{display:grid;grid-template-columns:1fr 190px 1fr;gap:16px;align-items:start;flex-shrink:0}.deck{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),0 12px 34px #0006;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.deck:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--deck);opacity:.9}.deck__top{display:flex;align-items:center;gap:12px}.vinyl{position:relative;width:58px;height:58px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:#0a0a0a;box-shadow:0 0 0 3px #141414,0 4px 12px #00000080}.vinyl__disc{width:100%;height:100%;border-radius:50%;overflow:hidden;animation:spin 3.4s linear infinite;animation-play-state:paused}.vinyl__disc.spinning{animation-play-state:running}.vinyl__disc .thumb{width:100%;height:100%;border-radius:50%;box-shadow:none}.vinyl__empty{width:100%;height:100%;background:repeating-radial-gradient(circle,#1c1c1c 0,#1c1c1c 2px,#0d0d0d 2px,#0d0d0d 4px)}.vinyl__spindle{position:absolute;width:11px;height:11px;border-radius:50%;background:#d8d8d8;box-shadow:0 0 0 3px #0000008c;z-index:2}.deck__badge{position:absolute;bottom:-3px;right:-3px;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-weight:900;font-size:11px;color:#03121e;background:var(--deck);z-index:3;box-shadow:0 2px 5px #0006}.deck__meta{flex:1;min-width:0}.deck__title{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck__title--empty{color:var(--muted);font-weight:500}.deck__artist{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck__bpm{text-align:right;flex-shrink:0}.deck__bpm-val{font-size:26px;font-weight:900;letter-spacing:-1px;line-height:1;color:var(--deck);font-variant-numeric:tabular-nums}@keyframes bpmPulse{50%{opacity:.55}}.deck__bpm-label{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700}.deck__wf{height:92px}.deck__wf--loading{display:grid;place-items:center;background:#0000004d;border-radius:8px;color:var(--muted);font-size:13px}.wf{position:relative;height:92px;background:#00000052;border-radius:8px;overflow:hidden;cursor:pointer}.wf__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wf__played{position:absolute;top:0;bottom:0;left:0;opacity:.16;pointer-events:none}.wf__head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;pointer-events:none;box-shadow:0 0 8px currentColor}.deck__times{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.deck__times span:nth-child(2){color:var(--deck);font-weight:700}.deck__transport{display:flex;align-items:center;justify-content:center;gap:14px}.dj-btn{border-radius:9px;padding:10px 14px;font-weight:800;font-size:13px;letter-spacing:.04em;background:var(--glass-thin);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);color:var(--text);transition:transform .1s,background .15s}.dj-btn:active{transform:scale(.96)}.dj-btn:disabled{opacity:.4}.dj-btn.cue{color:var(--deck)}.dj-btn.play{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;padding:0;color:#03121e;background:var(--deck);border:none;box-shadow:0 6px 18px #0006}.dj-btn.sync{display:inline-flex;align-items:center;gap:5px}.deck__tempo{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px}.tempo-reset{color:var(--muted);display:grid;place-items:center;padding:4px;border-radius:6px}.tempo-reset:hover{color:var(--deck);background:var(--glass-thin)}.tempo-reset:disabled{opacity:.4}.deck__loop{display:flex;align-items:center;gap:8px}.deck__loop .deck__ctl-label{display:inline-flex;align-items:center;gap:5px;width:52px}.loop-btn{flex:1;padding:7px 0;border-radius:7px;font-weight:800;font-size:13px;color:var(--sub);background:var(--glass-thin);border:1px solid var(--glass-border);transition:background .12s,transform .1s}.loop-btn:hover{background:var(--glass-hover)}.loop-btn:active{transform:scale(.94)}.loop-btn.active{color:#03121e;background:var(--deck);border-color:transparent}.loop-btn:disabled{opacity:.4}.deck__knobs{display:flex;justify-content:space-around;gap:8px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.deck__ctl-label{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:800}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.knob{position:relative;border-radius:50%;display:grid;place-items:center;cursor:ns-resize;background:radial-gradient(circle at 50% 35%,#2a2b32,#16171c 70%);box-shadow:inset 0 2px 4px #ffffff14,inset 0 -3px 6px #0009,0 3px 8px #0006;touch-action:none;outline:none}.knob:focus-visible{box-shadow:inset 0 2px 4px #ffffff14,0 0 0 2px var(--knob)}.knob__ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);transform:rotate(0)}.knob__track{fill:none;stroke:#ffffff1a;stroke-width:5;stroke-linecap:round;stroke-dasharray:207 999;transform:rotate(135deg);transform-origin:50% 50%}.knob__fill{fill:none;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 3px var(--knob))}.knob__dial{position:absolute;top:0;right:0;bottom:0;left:0}.knob__pointer{position:absolute;top:12%;left:50%;width:3px;height:32%;margin-left:-1.5px;border-radius:2px}.knob__notch{position:absolute;top:-8px;left:50%;width:2px;height:4px;margin-left:-1px;background:var(--muted);border-radius:1px}.knob__label{font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:800}.dj-mixer{display:flex;flex-direction:column;gap:14px;padding-top:20px}.dj-mixer__masterknob{display:grid;place-items:center;padding:16px 14px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:14px}.dj-mixer__xf{background:var(--glass);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.dj-mixer__xf-labels{display:flex;justify-content:space-between;font-weight:900;font-size:14px}.xfader-track{padding:2px 0}.slider.xfader{padding:9px 0}.slider.xfader .slider__rail{height:6px;background:#ffffff2e}.slider.xfader .slider__fill{display:none}.slider.xfader .slider__rail:after{content:"";position:absolute;left:50%;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--muted);border-radius:1px}.slider.xfader .slider__thumb{transform:translate(-50%,-50%) scale(1);width:16px;height:28px;border-radius:5px;background:linear-gradient(180deg,#fff,#c9c9ce);box-shadow:0 2px 7px #0000008c,inset 0 1px #ffffffe6}.slider.xfader:hover .slider__thumb,.slider.xfader.slider--drag .slider__thumb{transform:translate(-50%,-50%) scale(1.07)}.automix{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:14px;font-weight:900;font-size:13px;letter-spacing:.06em;background:var(--glass-thin);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);color:var(--sub);position:relative}.automix__dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.automix--on{color:#03121e;background:linear-gradient(160deg,var(--accent-hover),var(--accent));border-color:transparent}.automix--on .automix__dot{background:#03121e;box-shadow:0 0 8px #0006;animation:bpmPulse 1s ease-in-out infinite}.dj-crate{margin-top:16px;background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:16px;padding:16px;flex:1;min-height:0;display:flex;flex-direction:column}.dj-crate__head{display:flex;align-items:center;gap:16px;margin-bottom:10px}.dj-crate__head .searchbox{flex:1;max-width:460px}.dj-crate__title{font-weight:700;font-size:14px;color:var(--sub)}.dj-crate__list{flex:1;min-height:0;overflow-y:auto}.dj-crate__empty{color:var(--muted);font-size:14px;padding:24px 8px;text-align:center}.crate-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px}.crate-row:hover{background:#ffffff0d}.crate-row .thumb{width:42px;height:42px;border-radius:5px;box-shadow:none}.crate-row__meta{flex:1;min-width:0}.crate-row__title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crate-row__artist{font-size:12px;color:var(--muted)}.crate-row__bpm{flex-shrink:0;font-size:12px;font-weight:800;color:var(--accent);background:#32ade61f;border:1px solid rgba(50,173,230,.25);padding:4px 9px;border-radius:999px;font-variant-numeric:tabular-nums}.crate-row__actions{display:flex;align-items:center;gap:6px}.load-btn{width:30px;height:30px;border-radius:7px;font-weight:900;font-size:13px;border:1px solid transparent}.load-btn.a{background:#32ade629;color:#32ade6}.load-btn.b{background:#5e5ce629;color:#5e5ce6}.load-btn:hover{filter:brightness(1.2)}@media(max-width:1000px){.dj__decks{grid-template-columns:1fr}.dj-mixer{padding-top:0;flex-direction:row;flex-wrap:wrap}.dj-mixer__master,.dj-mixer__xf,.automix{flex:1}}:root[data-reduce-motion] *,:root[data-reduce-motion] *:before,:root[data-reduce-motion] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.taste__head{padding:18px 0 4px}.taste__head .detailhead__kind{display:inline-flex;align-items:center;gap:6px;color:var(--accent)}.taste__head h1{font-size:46px;font-weight:900;letter-spacing:-1.6px;margin:10px 0 8px}.taste__head p{color:var(--sub);max-width:62ch}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:24px 0 10px}.stat{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:14px;padding:20px;transition:transform .22s var(--ease),background .22s,border-color .22s}.stat:hover{transform:translateY(-4px);background:var(--glass-hover);border-color:#ffffff2e}.persona{position:relative;overflow:hidden;border-radius:18px;padding:28px 30px;margin:22px 0 6px;background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight)}.persona__glow{position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(50,173,230,.4),transparent 70%);filter:blur(20px);animation:personaFloat 8s ease-in-out infinite alternate;pointer-events:none}@keyframes personaFloat{to{transform:translate(-30px,30px) scale(1.15)}}.persona__label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}.persona__name{font-size:40px;font-weight:900;letter-spacing:-1.4px;margin:8px 0 4px;background:linear-gradient(110deg,#ffffff,var(--accent) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.persona__tag{color:var(--sub);font-size:15px}.stat__icon{color:var(--accent);margin-bottom:14px}.stat__value{font-size:34px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1}.stat__label{color:var(--muted);font-size:13px;margin-top:6px}.ranklist{display:flex;flex-direction:column;gap:2px}.rankrow{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;transition:background .15s;animation:rankIn .55s var(--ease) both}@keyframes rankIn{0%{opacity:0;transform:translateY(12px)}}.rankrow:hover{background:#ffffff0d}.rankrow:hover .rankrow__no{color:var(--accent)}.rankrow__no{width:26px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700;font-size:16px}.rankrow__body{flex:1;min-width:0}.rankrow__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.rankrow__name{font-weight:700;font-size:16px}.rankrow__plays{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;flex-shrink:0}.rankrow__bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.rankrow__fill{height:100%;background:linear-gradient(90deg,var(--accent),#32ADE6);border-radius:3px;transition:width .9s cubic-bezier(.34,.8,.2,1)}.page-spinner{display:grid;place-items:center;padding:120px;color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.global-error{position:fixed;bottom:calc(var(--player-h) + 16px);left:50%;transform:translate(-50%);background:#b3261e;color:#fff;padding:10px 18px;border-radius:6px;font-size:13px;font-weight:600;z-index:1200}.mobilenav{display:none;grid-area:nav;justify-content:space-around;align-items:stretch;gap:4px;height:var(--mobilenav-h);padding:6px 8px;background:var(--glass-strong);-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow);border-radius:18px}.mobilenav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.1px;transition:color .15s var(--ease),background .15s var(--ease)}.mobilenav__tab svg{transition:transform .15s var(--ease)}.mobilenav__tab.active{color:var(--text)}.mobilenav__tab.active svg{color:var(--accent);transform:translateY(-1px)}.mobilenav__tab:active{background:var(--glass-hover)}@media(max-width:780px){.app,.app--panel{grid-template-columns:minmax(0,1fr);grid-template-rows:56px 1fr auto auto;grid-template-areas:"topbar" "main" "player" "nav";gap:8px;padding-bottom:0}.topbar,.main,.playerbar,.mobilenav{min-width:0}.sidebar,.nowpanel{display:none}.deck{padding:14px}.deck__knobs{gap:4px}.dj__decks{gap:12px}.mobilenav{display:flex;height:auto;min-height:var(--mobilenav-h);padding-bottom:calc(6px + var(--sat-bottom))}.topbar__nav{display:none}.topbar-face--front{gap:10px;padding:0 12px}.searchbox{width:100%;overflow:hidden;transition:width .36s var(--ease),background .2s var(--ease),border-color .2s var(--ease);will-change:width}.searchbox input{transition:opacity .22s var(--ease) .08s}.searchbox--collapsed{width:46px;padding:0;gap:0;justify-content:center;cursor:pointer}.searchbox--collapsed input{opacity:0;width:0;min-width:0;flex:0 0 0;padding:0;pointer-events:none}.searchbox--collapsed .searchbox__clear{display:none}input,textarea,select,.searchbox input{font-size:16px}.page{padding:14px 16px 28px}.section-title{font-size:19px;margin:18px 0 10px}.greeting{font-size:26px}.quickgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.shelf .grid{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin:0 -16px 0 0;padding:0 16px 8px 0;scrollbar-width:none}.shelf .grid::-webkit-scrollbar{display:none}.shelf .grid>*{flex:0 0 40vw;max-width:172px;scroll-snap-align:start}.card{padding:0}.card__art{margin-bottom:8px}.card__title{font-size:14px}.card__sub{-webkit-line-clamp:1;min-height:0;margin-top:2px}.quicktile{border-radius:8px}.quicktile span{font-size:13.5px}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-tile{height:90px}.genre-tile__label{font-size:15px}.genre-tile__art{width:66px;height:66px;right:-12px;bottom:-16px}.playerbar{position:relative;display:flex;align-items:center;gap:12px;padding:9px 12px 11px;border-radius:16px;overflow:hidden}.playerbar__left{flex:1;min-width:0;gap:11px}.playerbar__left .thumb{width:44px;height:44px}.playerbar__left>.icon-btn{display:none}.playerbar__center{flex:0 0 auto;flex-direction:row;width:auto;margin-left:auto}.playerbar__center .cast-indicator{display:none}.playerbar__center .controls{gap:6px}.playerbar__center .play-btn{width:42px;height:42px}.playerbar__center .controls>.icon-btn:first-child,.playerbar__center .controls>.icon-btn:last-child{display:none}.playerbar__right{display:none}.playerbar__center .progress{position:absolute;left:0;right:0;bottom:0;top:auto;gap:0;padding:0}.playerbar__center .progress .slider{padding:5px 0 0}.playerbar__center .progress .slider__rail{height:3px;border-radius:0}.playerbar__center .progress .slider__fill{background:var(--accent)}.playerbar__center .progress__time{display:none}.trow,.trow--noalbum{grid-template-columns:24px minmax(0,1fr) auto auto;gap:8px;padding:8px}.trow__album,.trow__like{display:none}.trow__more{opacity:1}.tracklist__head{font-size:11px}.detailhead{flex-direction:column;align-items:flex-start;gap:14px;padding:40px 16px 18px;margin:-18px -16px 0}.detailhead__art{width:128px;height:128px}.detailhead__title{font-size:30px;letter-spacing:-1px;margin:6px 0}.detailhead__title.long{font-size:23px;letter-spacing:-.5px}.detail__actions{gap:16px;padding:16px 2px}.artist-hero{height:210px;margin:-18px -16px 0;padding:20px 16px}.artist-hero__name{font-size:40px;letter-spacing:-1.5px}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px 16px;padding:0 16px 2px}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs>*{flex:0 0 auto}.topresult{min-height:0;padding:16px}.topresult__art,.topresult__art .thumb{width:72px;height:72px;margin-bottom:12px}.topresult__name{font-size:23px}.topresult__play{opacity:1;transform:none;width:44px;height:44px;right:16px;bottom:16px}.settings-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:4px -16px 18px;padding:0 16px 4px}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex:0 0 auto;padding:8px 15px;border-radius:999px;background:var(--glass-thin);border:1px solid var(--glass-border);color:var(--sub);font-weight:600;font-size:13px}.settings-tab.active{background:var(--text);color:#000;border-color:transparent}.taste__head h1{font-size:38px;letter-spacing:-1px}}@media(min-width:781px){.settings-tabs{display:none}}.wctl{position:absolute;top:0;right:0;height:100%;z-index:2;display:none;align-items:center;gap:2px;padding-right:8px;-webkit-app-region:no-drag;app-region:no-drag}.is-desktop .wctl{display:flex}.wctl__btn{width:40px;height:30px;display:grid;place-items:center;padding:0;border:none;border-radius:9px;background:transparent;color:var(--text-dim, #b6b7c2);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.wctl__btn:hover{background:#ffffff1a;color:var(--text, #fff)}.wctl__btn:active{background:#ffffff0f}.wctl__btn--close:hover{background:#e5484d;color:#fff}.is-desktop .topbar-face--front,.is-desktop .topbar-face--back{-webkit-app-region:drag;app-region:drag}.is-desktop .topbar-face--front,.is-desktop .topbar-face--back{padding-right:140px}.is-desktop .round-btn,.is-desktop .searchbox,.is-desktop .topbar__search,.is-desktop .suggest,.is-desktop .avatar,.is-desktop .topwave{-webkit-app-region:no-drag;app-region:no-drag}.is-desktop .brand{-webkit-app-region:drag;app-region:drag}.is-desktop .brand a,.is-desktop .brand button{-webkit-app-region:no-drag;app-region:no-drag}.np{--art: min(56vh, 58vw, 560px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;overflow:hidden;background:#05060a;opacity:0;transform:translateY(100%);pointer-events:none;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s var(--ease)}.np--open{opacity:1;transform:translateY(0);pointer-events:auto}.np--open.np--idle{cursor:none}.np__fx{--level: 0;--bass: 0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.np__art-bg{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background-size:cover;background-position:center;filter:blur(92px) saturate(1.5) brightness(calc(.55 + var(--level) * .5));transform:scale(1.2);opacity:0;transition:opacity 1s var(--ease)}.np--open .np__art-bg{opacity:.5;animation:npDrift 34s ease-in-out infinite alternate}.np__blob{position:absolute;border-radius:50%;background:radial-gradient(circle at center,var(--c),transparent 68%);filter:blur(46px) saturate(1.4);opacity:0;mix-blend-mode:screen;will-change:transform,scale;scale:calc(1 + var(--bass) * .3);transition:scale .09s linear,opacity .14s linear}.np--open .np__blob{opacity:calc(.46 + var(--level) * .5)}.np__blob--1{top:-22%;left:-16%;width:78vmax;height:78vmax}.np__blob--2{top:-26%;right:-20%;width:70vmax;height:70vmax}.np__blob--3{bottom:-30%;left:-12%;width:82vmax;height:82vmax}.np__blob--4{bottom:-26%;right:-14%;width:66vmax;height:66vmax}.np--open .np__blob--1{animation:npBlobA 19s ease-in-out infinite alternate}.np--open .np__blob--2{animation:npBlobB 24s ease-in-out infinite alternate}.np--open .np__blob--3{animation:npBlobA 28s ease-in-out 1s infinite alternate-reverse}.np--open .np__blob--4{animation:npBlobB 22s ease-in-out .6s infinite alternate-reverse}.np__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05060a52,#05060a14 34%,#05060a94)}.np__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 100% at 50% 44%,transparent 42%,rgba(2,3,6,.66) 100%)}.np__inner{position:relative;height:100%;display:flex;flex-direction:column}.np__chrome{transition:opacity .35s var(--ease),transform .35s var(--ease)}.np__top{position:absolute;top:calc(10px + var(--sat-top));left:clamp(14px,3vw,36px);right:clamp(14px,3vw,36px);z-index:4;display:flex;align-items:center;gap:12px}.np__top.np__chrome--off{opacity:0;transform:translateY(-16px);pointer-events:none}.np__hbtn{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--text);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s,color .15s,transform .1s}.np__hbtn:hover{background:#ffffff2e}.np__hbtn:active{transform:scale(.92)}.np__hbtn.on{background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent-hover)}.np__eyebrow{flex:1;text-align:center;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}.np__hero{margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3vh,34px);padding:calc(60px + var(--sat-top)) 20px calc(150px + var(--sat-bottom));width:100%}.np__flipwrap{width:var(--art);aspect-ratio:1;perspective:1600px;opacity:0;flex-shrink:0}.np--open .np__flipwrap{animation:npArtIn .62s cubic-bezier(.22,1,.36,1) .1s both,npFloat 7.5s ease-in-out .9s infinite alternate}.np__flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.np__flip.can-flip{cursor:pointer}.np__flip.is-flipped{transform:rotateY(180deg)}.np__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;overflow:hidden;box-shadow:0 50px 100px -28px #000c,0 0 0 1px #ffffff0f}.np__face--front .thumb{width:100%;height:100%;border-radius:0;box-shadow:none}.np__face--back{transform:rotateY(180deg);background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.4);display:grid;place-items:center;padding:clamp(20px,4vw,42px)}.np__factcard{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;max-width:92%}.np__factlabel{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.np__factavatar{width:62px;height:62px}.np__factavatar .thumb{width:100%;height:100%;border-radius:50%;box-shadow:0 8px 20px -8px #0009}.np__factquote{font-size:clamp(16px,1.9vw,21px);line-height:1.5;font-weight:500;color:var(--text);animation:factFade .6s var(--ease)}.np__factartist{font-size:13px;color:var(--muted)}.np__meta{text-align:center;max-width:min(90vw,640px)}.np__title{font-size:clamp(22px,2.9vw,32px);font-weight:800;letter-spacing:-.6px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.np__title a:hover{text-decoration:underline}.np__artist{margin-top:7px;font-size:clamp(15px,1.6vw,18px);color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np__scrub{width:min(560px,82vw)}.np__times{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.np__dock{position:absolute;left:50%;translate:-50% 0;bottom:calc(22px + var(--sat-bottom));z-index:4;width:min(560px,84vw);display:flex;flex-direction:column;gap:16px}.np__dock.np__chrome--off{opacity:0;transform:translateY(16px);pointer-events:none}.np__controls{display:flex;align-items:center;justify-content:center;gap:clamp(14px,4vw,30px)}.np__ctl{width:46px;height:46px;display:grid;place-items:center;color:var(--sub);transition:color .15s,transform .1s}.np__ctl:hover{color:var(--text)}.np__ctl:active{transform:scale(.88)}.np__ctl.active{color:var(--accent)}.np__play{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#03121e;background:linear-gradient(160deg,var(--accent-hover),var(--accent));box-shadow:inset 0 1px #ffffff73,0 16px 38px #32ade68c;transition:transform .12s,filter .15s}.np__play:hover{transform:scale(1.06);filter:brightness(1.06)}.np__play:active{transform:scale(.96)}.np__spin{width:26px;height:26px;border:3px solid rgba(3,18,30,.3);border-top-color:#03121e;border-radius:50%;animation:spin .7s linear infinite}.np__foot{display:flex;align-items:center;gap:12px}.np__ic{width:40px;height:40px;display:grid;place-items:center;color:var(--sub);transition:color .15s,transform .1s}.np__ic:hover{color:var(--text)}.np__ic:active{transform:scale(.88)}.np__like.liked{color:var(--accent)}.np__vol{flex:1;max-width:200px}.np__foot-right{margin-left:auto;display:flex;gap:6px}@keyframes npArtIn{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}@keyframes npFloat{0%{translate:0 0}to{translate:0 -12px}}@keyframes npDrift{0%{transform:scale(1.2) translate(0)}to{transform:scale(1.3) translate(-3%,-2%)}}@keyframes npBlobA{0%{translate:0 0}to{translate:8% 6%}}@keyframes npBlobB{0%{translate:0 0}to{translate:-7% -5%}}@keyframes factFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:620px){.np{--art: min(74vw, 44vh)}.np__hero{padding:calc(56px + var(--sat-top)) 16px calc(140px + var(--sat-bottom));gap:clamp(16px,2.6vh,26px)}}@media(max-height:720px){.np{--art: min(40vh, 60vw, 360px)}}:root[data-reduce-motion] .np__art-bg,:root[data-reduce-motion] .np--open .np__flipwrap,:root[data-reduce-motion] .np__blob{animation:none}:root[data-reduce-motion] .np__flipwrap,:root[data-reduce-motion] .np__meta,:root[data-reduce-motion] .np__scrub,:root[data-reduce-motion] .np__dock{opacity:1}:root[data-reduce-motion] .np__blob{scale:1}:root[data-reduce-motion] .np--open .np__blob{opacity:.5}:root[data-reduce-motion] .np__art-bg{opacity:.5;filter:blur(92px) saturate(1.5) brightness(.6)}:root[data-reduce-motion] .np__flip{transition:none}:root[data-reduce-motion] .np__factquote{animation:none}.playerbar__cover{position:relative;flex-shrink:0;border-radius:6px;cursor:pointer;line-height:0}.playerbar__expand{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:6px;color:#fff;background:#00000085;opacity:0;transition:opacity .16s}.playerbar__cover:hover .playerbar__expand,.playerbar__cover:focus-visible .playerbar__expand{opacity:1}.np__ic.active{color:var(--accent)}.airmenu{position:relative;display:inline-flex}.airmenu__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.airmenu__pop{position:absolute;bottom:calc(100% + 10px);right:0;z-index:61;min-width:240px;max-width:300px;padding:8px;border-radius:14px;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.4);border:1px solid var(--border);box-shadow:0 24px 60px -20px #000c;animation:airpop .16s var(--ease)}@keyframes airpop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.airmenu__head{padding:6px 10px 8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.airmenu__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;color:var(--sub);font-size:14px;text-align:left;transition:background .14s,color .14s}.airmenu__item span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.airmenu__item:hover{background:#ffffff14;color:var(--text)}.airmenu__item.on{color:var(--accent)}.airmenu__item--off{color:var(--muted)}.airmenu__check{color:var(--accent)}.airmenu__empty{padding:8px 10px;font-size:13px;color:var(--muted)}.artist-showmore{display:inline-flex;align-items:center;margin:6px 0 26px;padding:9px 18px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--sub);font-size:13px;font-weight:700;letter-spacing:.02em;transition:background .15s,color .15s,border-color .15s}.artist-showmore:hover{background:#ffffff0f;color:var(--text);border-color:#ffffff2e}.sidebar__pltools{display:flex;align-items:center;gap:6px;padding:2px 8px 8px}.pltools__search{flex:1;display:flex;align-items:center;gap:6px;min-width:0;padding:6px 8px;border-radius:8px;background:#ffffff0d;color:var(--muted)}.pltools__search input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font-size:13px}.pltools__search input::placeholder{color:var(--muted)}.pltools__clear{display:grid;place-items:center;color:var(--muted)}.pltools__clear:hover{color:var(--text)}.pltools__sort{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--sub);background:#ffffff0d;transition:background .15s,color .15s}.pltools__sort:hover{background:#ffffff1a;color:var(--text)}.libitem--drag{cursor:grab;position:relative}.libitem--drag:active{cursor:grabbing}.libitem--dragging{opacity:.45}.libitem--over{box-shadow:inset 0 2px 0 var(--accent)}.libitem__grip{position:absolute;left:3px;top:50%;transform:translateY(-50%);color:#fff;opacity:0;pointer-events:none;transition:opacity .15s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.libitem--drag:hover .libitem__grip{opacity:.85}.sidebar__nomatch{padding:12px 10px;font-size:13px;color:var(--muted)}.detailhead__art--edit{position:relative;padding:0;border:none;background:none;cursor:pointer}.detailhead__coveredit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:inherit;background:#0000008c;color:#fff;font-size:13px;font-weight:600;opacity:0;transition:opacity .16s}.detailhead__art--edit:hover .detailhead__coveredit{opacity:1}.modal__body--cover{display:flex;gap:16px;align-items:flex-start}.modal__coverpick{position:relative;flex-shrink:0;width:130px;height:130px;border-radius:10px;overflow:hidden;border:none;padding:0;cursor:pointer;background:none}.modal__coverpick .thumb{width:100%;height:100%;border-radius:0;box-shadow:none}.modal__coveredit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;color:#fff;opacity:0;transition:opacity .16s}.modal__coverpick:hover .modal__coveredit{opacity:1}.modal__coverfields{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.modal__coverremove{align-self:flex-start;font-size:12.5px;color:var(--muted);text-decoration:underline}.modal__coverremove:hover{color:var(--text)}.authgate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;overflow:hidden;background:#05060a;padding:24px}.authgate__aura{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(50% 40% at 30% 20%,rgba(50,173,230,.22),transparent 70%),radial-gradient(45% 45% at 75% 80%,rgba(94,92,230,.22),transparent 70%);filter:blur(30px);animation:authAura 22s ease-in-out infinite alternate}@keyframes authAura{to{transform:translate(-4%,-3%) scale(1.1)}}.authcard{position:relative;width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px;padding:32px 28px;border-radius:22px;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.4);border:1px solid var(--border);box-shadow:0 40px 90px -30px #000c;animation:npRise .5s var(--ease) both}.authcard__brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px}.authcard__brand--loading{position:relative;z-index:1}.authcard__name{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-top:8px}.authcard__tag{font-size:13px;color:var(--muted)}.authfield{display:flex;flex-direction:column;gap:6px}.authfield span{font-size:12px;font-weight:600;color:var(--sub)}.authfield input{padding:11px 14px;border-radius:11px;background:#ffffff0d;border:1px solid var(--border);color:var(--text);font-size:14px;outline:none;transition:border-color .15s,background .15s}.authfield input:focus{border-color:var(--accent);background:#ffffff14}.autherror{padding:9px 12px;border-radius:10px;background:#ff453a24;color:#ff9a92;font-size:13px}.authbtn{margin-top:4px;padding:12px;border-radius:11px;font-size:15px;font-weight:700;color:#03121e;background:linear-gradient(160deg,var(--accent-hover),var(--accent));box-shadow:0 12px 30px #32ade666;transition:transform .12s,filter .15s,opacity .15s}.authbtn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.authbtn:active:not(:disabled){transform:translateY(0)}.authbtn:disabled{opacity:.55;cursor:default}.authnote{text-align:center;font-size:12.5px;color:var(--muted);line-height:1.5}.authannounce{padding:11px 14px;border-radius:12px;font-size:13px;line-height:1.5;text-align:center;color:var(--text);background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.authbar{display:block;width:150px;height:3px;margin-top:14px;border-radius:3px;background:#ffffff14;overflow:hidden}.authbar span{display:block;width:40%;height:100%;border-radius:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:slide 1.4s ease-in-out infinite}@keyframes slide{0%{transform:translate(-120%)}to{transform:translate(360%)}}.admin-page{max-width:820px;margin:0 auto}.admin-page .page-title{font-size:30px;font-weight:800;letter-spacing:-.6px;margin:4px 0 20px}.admin-form{display:grid;grid-template-columns:1.4fr 1fr 1fr auto auto;gap:10px;align-items:center}.admin-form input,.admin-form select{padding:10px 12px;border-radius:10px;background:#ffffff0d;border:1px solid var(--border);color:var(--text);font-size:14px;outline:none}.admin-form input:focus,.admin-form select:focus{border-color:var(--accent)}@media(max-width:720px){.admin-form{grid-template-columns:1fr 1fr}}.admin-users{display:flex;flex-direction:column;gap:8px}.admin-user{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid var(--border)}.admin-user--off{opacity:.55}.admin-user__main{flex:1;min-width:0}.admin-user__email{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.admin-user__sub{font-size:12.5px;color:var(--muted);margin-top:3px}.admin-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent-hover)}.admin-badge--you{background:#ffffff1a;color:var(--sub)}.admin-user__actions{display:flex;gap:4px;flex-shrink:0}.admin-user__actions .icon-btn.danger:hover{color:#ff6b6b}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}@media(max-width:720px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}}.admin-stat{padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.admin-stat__icon{display:inline-flex;padding:8px;border-radius:10px;color:var(--accent-hover);background:color-mix(in srgb,var(--accent) 18%,transparent);margin-bottom:10px}.admin-stat__value{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1}.admin-stat__label{font-size:12.5px;color:var(--muted);margin-top:6px}.admin-kv{display:flex;flex-direction:column;gap:2px}.admin-kv>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.admin-kv>div:last-child{border-bottom:0}.admin-kv span{color:var(--muted)}.admin-users__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.admin-search{padding:8px 12px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:13px;min-width:180px}.admin-search:focus{border-color:var(--accent);outline:none}.admin-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer}.admin-toggle:last-child{border-bottom:0}.admin-toggle__title{font-size:15px;font-weight:600}.admin-toggle__sub{font-size:12.5px;color:var(--muted);margin-top:3px;max-width:46ch}.admin-toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:999px;background:#ffffff26;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s ease}.admin-toggle input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease}.admin-toggle input[type=checkbox]:checked{background:var(--accent)}.admin-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.admin-textarea{width:100%;padding:12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text);font:inherit;font-size:14px;resize:vertical}.admin-textarea:focus{border-color:var(--accent);outline:none}.admin-form__actions{display:flex;gap:10px;margin-top:12px}.setcard__hint{font-size:13px;color:var(--muted);margin:-4px 0 12px}.about-card__update{margin:14px auto 4px}.pl-vis{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#ffffff14;color:var(--sub)}.pl-vis--pub{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-hover)}.profile-head{display:flex;align-items:center;gap:22px;margin-bottom:30px}.profile-avatar{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:800;color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,var(--accent),var(--accent-2, #6d5efc));box-shadow:0 16px 40px -14px color-mix(in srgb,var(--accent) 60%,transparent);flex-shrink:0}.profile-head__info h1{font-size:44px;font-weight:800;letter-spacing:-1px;margin:6px 0 8px}.profile-head__meta{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--muted)}.profile-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;text-align:center;color:var(--muted)}.profile-empty p{font-size:16px;color:var(--text);margin:6px 0 0}.profile-empty span{font-size:13px}.profile-head__meta b{color:var(--text);font-weight:700}.profile-head__actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.card__owner{color:var(--muted);font-weight:600}.card__owner:hover{color:var(--text);text-decoration:underline}.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.persona{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;border-radius:var(--radius-lg);background:var(--card, rgba(255, 255, 255, .04));border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .2s var(--ease),transform .2s var(--ease);text-align:center}.persona:hover{background:#ffffff14;transform:translateY(-2px)}.persona__avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent),var(--accent-2, #6d5efc));margin-bottom:4px}.persona__name{font-weight:700;font-size:14.5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona__sub{font-size:12px;color:var(--muted);margin-bottom:8px}@media(max-width:780px){.persona-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:640px){.profile-head{flex-direction:column;text-align:center}.profile-avatar{width:96px;height:96px;font-size:34px}.profile-head__info h1{font-size:34px}.profile-head__meta,.profile-head__actions{justify-content:center}}