#playerbar{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--bg-elev)),var(--bg-elev))!important;box-shadow:0 -10px 40px -18px color-mix(in srgb,var(--accent) 60%,transparent)}.pbx-cover-btn{position:relative;width:52px;height:52px;border:none;padding:0;background:none;cursor:pointer;border-radius:8px;flex-shrink:0;transition:transform .2s ease}.pbx-cover-btn:hover{transform:translateY(-2px) scale(1.03)}.pbx-cover-btn .pb-cover{width:52px;height:52px;box-shadow:0 8px 22px -8px #000000b3}.pbx-cover-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#0000006b;border-radius:8px;opacity:0;transition:opacity .2s ease}.pbx-cover-btn:hover .pbx-cover-veil{opacity:1}.pbx-title{cursor:pointer}.pbx-title:hover{text-decoration:underline;color:var(--accent)}.pbx-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:9px;background:none;color:var(--muted);cursor:pointer;transition:color .15s,background .15s,transform .12s}.pbx-icon:hover{color:var(--text);background:var(--bg-hover);transform:translateY(-1px)}.pb-controls .pbx-icon{color:var(--muted)}.pb-controls .pbx-icon:hover{color:var(--text);background:var(--bg-hover)}.pbx-icon.on{color:var(--accent);position:relative}.pb-controls .pbx-icon.on{color:var(--accent)}.pbx-icon.on:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.pbx-controls{gap:10px!important}.pbx-nav{display:inline-flex;align-items:center;justify-content:center;transition:transform .12s,color .15s}.pbx-nav:hover{transform:scale(1.14);color:var(--accent)}.pbx-play{display:inline-flex!important;align-items:center;justify-content:center;transition:transform .14s ease,box-shadow .2s ease;box-shadow:0 6px 20px -6px #fff6}.pbx-play:hover{transform:scale(1.08)}.pbx-play:active{transform:scale(.96)}.pbx-seek{display:flex;align-items:center;gap:10px;width:100%;max-width:560px}.pbx-time{font-size:11.5px;color:var(--muted);min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.pbx-bar{position:relative;flex:1;height:6px;border-radius:999px;background:var(--bg-hover);cursor:pointer;touch-action:none;box-shadow:inset 0 1px 2px #0006}.pbx-bar:before{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}.pbx-fill{position:relative;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 10px -1px color-mix(in srgb,var(--accent) 70%,transparent)}.pbx-knob{position:absolute;right:-6px;top:50%;width:12px;height:12px;transform:translateY(-50%) scale(0);transform-origin:center;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0009;transition:transform .15s ease}.pbx-bar:hover .pbx-knob,.pbx-bar.dragging .pbx-knob{transform:translateY(-50%) scale(1)}.pbx-bar.dragging .pbx-fill{filter:brightness(1.12)}.pbx-side{display:flex;align-items:center;gap:6px;justify-content:flex-end}.pbx-vol{display:flex;align-items:center;gap:6px}.pbx-vol input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:92px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--vol, 100%),var(--bg-hover) var(--vol, 100%));cursor:pointer;outline:none}.pbx-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000080;cursor:pointer}.pbx-vol input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fff;cursor:pointer}#playerbar{animation:pbRise .34s cubic-bezier(.2,.8,.2,1)}@keyframes pbRise{0%{opacity:0;transform:translateY(100%)}}.pbx-cover-btn.pbx-vinyl,.pbx-vinyl .pb-cover{border-radius:50%}.pbx-vinyl .pb-cover{animation:pbSpin 8s linear infinite;animation-play-state:paused;box-shadow:0 0 0 3px #0000008c,0 8px 22px -8px #000c,0 0 0 5px color-mix(in srgb,var(--accent) 40%,transparent)}.pbx-vinyl.spinning .pb-cover{animation-play-state:running}.pbx-vinyl .pbx-cover-veil{border-radius:50%}.pbx-vinyl-hole{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:var(--bg-elev);border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 0 0 3px #00000059;pointer-events:none}@keyframes pbSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pbx-vinyl .pb-cover,#playerbar{animation:none}}.pbx-waveseek{position:relative;flex:1;height:40px;cursor:pointer;touch-action:none;border-radius:8px;overflow:hidden}.pbx-waveseek-wave{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pbx-waveseek.dragging .pbx-waveseek-wave{filter:brightness(1.15)}.pbx-waveseek-knob{position:absolute;top:0;width:2px;height:100%;background:#fff;box-shadow:0 0 8px 1px #fff9;transform:translate(-1px);opacity:0;transition:opacity .15s ease;pointer-events:none}.pbx-waveseek:hover .pbx-waveseek-knob,.pbx-waveseek.dragging .pbx-waveseek-knob{opacity:1}@media(max-width:720px){.pbx-vol input[type=range]{width:60px}.pbx-seek{max-width:none}}.np-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;animation:np-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes np-in{0%{opacity:0;transform:scale(1.02)}}.np-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 90% at 20% 0%,color-mix(in srgb,var(--accent) 38%,transparent),transparent 60%)}.np-bg-cover{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:0;background-size:cover;background-position:center;filter:blur(70px) saturate(1.3) brightness(.5);opacity:.5;transform:scale(1.1)}.np-aurora{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.55;background:radial-gradient(40% 40% at 15% 20%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%),radial-gradient(45% 45% at 85% 30%,color-mix(in srgb,var(--accent2) 45%,transparent),transparent 70%),radial-gradient(50% 50% at 60% 90%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%);background-size:180% 180%,180% 180%,180% 180%;animation:np-aurora 18s ease-in-out infinite alternate}@keyframes np-aurora{0%{background-position:0% 0%,100% 0%,50% 100%}to{background-position:30% 40%,60% 30%,40% 60%}}.np-close{position:absolute;top:18px;right:22px;z-index:3;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:color-mix(in srgb,var(--bg-elev) 70%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s,border-color .15s}.np-close:hover{transform:rotate(90deg) scale(1.05);border-color:var(--accent);background:var(--bg-elev2)}.np-eyebrow{position:absolute;top:26px;left:28px;z-index:3;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.np-body{position:relative;z-index:2;flex:1;min-height:0;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;padding:76px clamp(24px,5vw,72px) 48px;align-items:center}.np-left{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:0}.np-disc{transition:transform .18s ease;will-change:transform}.np-vinyl{position:relative;width:clamp(200px,30vw,340px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#0c0d12 0,#0c0d12 2px,#16171e 2px,#16171e 4px);box-shadow:0 40px 90px -30px #000000e6,0 0 0 1px #ffffff0a inset,0 0 60px -10px color-mix(in srgb,var(--accent) 60%,transparent);display:flex;align-items:center;justify-content:center;animation:np-spin 9s linear infinite;animation-play-state:paused}.np-disc.spin .np-vinyl{animation-play-state:running}@keyframes np-spin{to{transform:rotate(360deg)}}.np-vinyl-img{width:62%;height:62%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px #0000008c,0 10px 30px -8px #000c}.np-vinyl-hole{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 3px #ffffff1f}.np-info{text-align:center;max-width:90%}.np-title{font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.15}.np-artists{margin-top:8px;color:var(--muted);font-size:15px}.np-artists a:hover{color:var(--accent);text-decoration:underline}.np-wave{width:min(560px,100%);cursor:pointer;padding:6px 0;border-radius:10px;transition:background .15s}.np-wave:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.np-times{width:min(560px,100%);display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;margin-top:-6px}.np-controls{display:flex;align-items:center;gap:18px;margin-top:4px}.np-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:12px;background:none;color:var(--muted);cursor:pointer;transition:color .15s,background .15s,transform .12s}.np-ic:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.np-nav:hover{transform:scale(1.12);color:var(--accent);background:none}.np-ic.on{color:var(--accent);position:relative}.np-ic.on:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.np-play{width:68px;height:68px;border:none;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 34px -10px color-mix(in srgb,var(--accent) 90%,transparent);transition:transform .14s ease,box-shadow .2s ease}.np-play:hover{transform:scale(1.07)}.np-play:active{transform:scale(.95)}.np-right{min-width:0;height:100%;display:flex;flex-direction:column;background:color-mix(in srgb,var(--bg-elev) 55%,transparent);border:1px solid var(--border);border-radius:20px;padding:22px 8px 22px 26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:min(72vh,620px);align-self:center}.np-lyrics-head{font-size:15px;font-weight:800;color:var(--text);margin-bottom:12px;padding-right:18px;letter-spacing:.02em}.np-lyrics{flex:1;overflow-y:auto;padding-right:18px;scrollbar-width:thin}.np-lyrics::-webkit-scrollbar{width:8px}.np-lyrics::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:999px}.np-line{font-size:19px;font-weight:700;line-height:1.5;color:var(--muted);padding:7px 4px;cursor:pointer;border-radius:8px;opacity:.5;transition:color .25s,opacity .25s,transform .25s,background .15s}.np-line:hover{background:color-mix(in srgb,var(--text) 6%,transparent);opacity:.85}.np-line.past{opacity:.4}.np-line.active{color:var(--text);opacity:1;transform:translate(4px) scale(1.02);transform-origin:left;text-shadow:0 0 22px color-mix(in srgb,var(--accent) 55%,transparent)}.np-line.active:before{content:"";display:inline-block;width:4px;height:18px;margin-right:10px;vertical-align:-3px;border-radius:999px;background:linear-gradient(var(--accent),var(--accent2))}.np-line-static{cursor:default;opacity:.78;font-weight:600;font-size:16px}.np-line-static:hover{background:none}.np-lyr-msg{color:var(--muted);padding:30px 4px;font-size:15px}@media(max-width:900px){.np-body{grid-template-columns:1fr;gap:22px;padding:70px 20px 30px;overflow-y:auto;align-items:start}.np-right{max-height:46vh;align-self:stretch}.np-vinyl{width:clamp(180px,56vw,260px)}}.qp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#04050973;opacity:0;pointer-events:none;transition:opacity .25s ease}.qp-backdrop.open{opacity:1;pointer-events:auto}.qp-panel{position:fixed;top:0;right:0;bottom:var(--player-h);z-index:130;width:min(360px,90vw);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-elev2),var(--bg-elev));border-left:1px solid var(--border);box-shadow:-24px 0 60px -20px #000000b3;transform:translate(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.qp-panel.open{transform:translate(0)}.qp-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.qp-head-title{font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px}.qp-count{font-size:12px;font-weight:700;color:var(--muted);background:var(--bg-hover);border-radius:999px;padding:2px 9px}.qp-head-actions{display:flex;align-items:center;gap:8px}.qp-clear{border:1px solid var(--border);background:none;color:var(--muted);font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:8px;cursor:pointer;transition:color .15s,border-color .15s}.qp-clear:hover{color:var(--danger);border-color:var(--danger)}.qp-close{width:34px;height:34px;border:none;border-radius:8px;background:none;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.qp-close:hover{color:var(--text);background:var(--bg-hover)}.qp-list{flex:1;overflow-y:auto;padding:8px 10px 18px;scrollbar-width:thin}.qp-list::-webkit-scrollbar{width:8px}.qp-list::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:999px}.qp-group{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:12px 8px 6px}.qp-item{display:flex;align-items:center;gap:11px;padding:8px;border-radius:10px;cursor:pointer;transition:background .15s;position:relative}.qp-item:hover{background:var(--bg-hover)}.qp-item.current{background:color-mix(in srgb,var(--accent) 16%,transparent);cursor:default}.qp-item.current:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:linear-gradient(var(--accent),var(--accent2))}.qp-cover{position:relative;width:44px;height:44px;border-radius:7px;overflow:hidden;flex-shrink:0}.qp-cover img{width:100%;height:100%;object-fit:cover}.qp-item.current .qp-cover img{filter:brightness(.6)}.qp-text{flex:1;min-width:0}.qp-title{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qp-item.current .qp-title{color:var(--accent)}.qp-artist{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qp-remove{width:30px;height:30px;border:none;border-radius:7px;background:none;color:var(--muted);cursor:pointer;opacity:0;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s,color .15s,background .15s;flex-shrink:0}.qp-item:hover .qp-remove{opacity:1}.qp-remove:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,transparent)}.qp-empty{text-align:center;color:var(--muted);padding:60px 20px}.qp-empty-ic{font-size:40px;opacity:.5;margin-bottom:10px}.qp-eq{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2px}.qp-eq i{width:3px;height:40%;background:var(--accent);border-radius:2px;animation:qp-eq 1s ease-in-out infinite}.qp-eq i:nth-child(2){animation-delay:.25s}.qp-eq i:nth-child(3){animation-delay:.5s}@keyframes qp-eq{0%,to{height:22%}50%{height:62%}}@media(max-width:820px){.qp-panel{bottom:var(--player-h)}}.album-card.tilt3d,.artist-card.tilt3d{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;display:block;position:relative;border-radius:16px;transform:perspective(760px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,filter .3s ease;will-change:transform}.album-card.tilt3d:hover,.artist-card.tilt3d:hover{box-shadow:0 26px 55px -22px #000000b8,0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent);z-index:2}.tilt3d .ac-cover,.tilt3d .art-avatar{position:relative;transform:translateZ(34px);transition:box-shadow .3s ease,transform .22s cubic-bezier(.2,.7,.3,1)}.tilt3d:hover .ac-cover,.tilt3d:hover .art-avatar{box-shadow:0 22px 40px -18px #000000bf}.tilt3d .ac-cover:after,.tilt3d .art-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(160px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 42%,transparent),transparent 60%),linear-gradient(140deg,rgba(255,255,255,.16),transparent 42%);mix-blend-mode:screen}.tilt3d:hover .ac-cover:after,.tilt3d:hover .art-avatar:after{opacity:1}.tilt3d .ac-title,.tilt3d .ac-sub{transform:translateZ(18px)}.track-row .tr-main{flex:0 1 240px}.tr-wave{flex:1 1 auto;min-width:0;max-width:46%;height:30px;cursor:pointer;opacity:.5;transition:opacity .18s ease}.track-row:hover .tr-wave{opacity:.82}.tr-wave:hover,.tr-wave.cur{opacity:1}@media(max-width:900px){.tr-wave{display:none}}.track-row{position:relative}.tr-actions{display:flex;align-items:center;gap:2px;opacity:0;transform:translate(6px);transition:opacity .18s ease,transform .18s ease}.track-row:hover .tr-actions,.track-row:focus-within .tr-actions{opacity:1;transform:none}.tr-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease}.tr-btn:hover{background:var(--bg-hover);color:var(--text);transform:translateY(-1px)}.tr-btn svg{width:17px;height:17px;display:block}.tr-btn.tr-like.liked{opacity:1;color:var(--danger)}.track-row:not(:hover) .tr-actions:has(.tr-like.liked){opacity:1;transform:none}.tr-btn.busy{opacity:.5;pointer-events:none}.ctx-menu{position:fixed;z-index:800;min-width:224px;padding:6px;background:color-mix(in srgb,var(--bg-elev2) 94%,transparent);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px -18px #000000b3,0 0 0 1px #ffffff05 inset;transform-origin:top left;animation:ctxIn .14s cubic-bezier(.2,.8,.2,1)}@keyframes ctxIn{0%{opacity:0;transform:scale(.94) translateY(-4px)}}.ctx-menu hr{border:none;height:1px;background:var(--border);margin:6px 8px}.ctx-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;border:none;background:none;border-radius:9px;color:var(--text);font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;transition:background .13s ease,color .13s ease}.ctx-item:hover{background:var(--bg-hover)}.ctx-item.danger{color:var(--danger)}.ctx-item.danger:hover{background:color-mix(in srgb,var(--danger) 16%,transparent)}.ctx-ic{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.ctx-item:hover .ctx-ic{color:var(--accent)}.ctx-item.danger:hover .ctx-ic{color:var(--danger)}.ctx-ic svg{width:17px;height:17px;display:block}.ctx-label{padding:7px 11px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.c3d-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;background:#04050a9e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:c3dFade .2s ease}@keyframes c3dFade{0%{opacity:0}}.tdm-modal{position:relative;width:min(540px,100%);max-height:min(86vh,720px);overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 55%),var(--bg-elev);border:1px solid var(--border);border-radius:20px;box-shadow:0 40px 90px -30px #000c;animation:tdmIn .26s cubic-bezier(.2,.8,.2,1)}@keyframes tdmIn{0%{opacity:0;transform:translateY(14px) scale(.97)}}.tdm-x{position:absolute;top:14px;right:14px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:color-mix(in srgb,var(--bg-elev2) 80%,transparent);color:var(--muted);font-size:18px;cursor:pointer;transition:background .15s,color .15s,transform .15s;z-index:3}.tdm-x:hover{background:var(--bg-hover);color:var(--text);transform:rotate(90deg)}.tdm-head{display:flex;gap:18px;align-items:center;padding:30px 26px 22px}.tdm-cover{width:108px;height:108px;border-radius:14px;overflow:hidden;flex-shrink:0;background:var(--bg-elev2);box-shadow:0 18px 40px -16px #000000b3,0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.tdm-cover img{width:100%;height:100%;object-fit:cover}.tdm-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.tdm-title{font-size:22px;font-weight:800;line-height:1.18;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tdm-sub{color:var(--muted);font-size:13.5px;margin-top:4px}.badge-e{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;font-weight:800;background:var(--muted);color:var(--bg);border-radius:4px}.tdm-body{padding:4px 26px 26px;overflow-y:auto}.det-row{display:flex;align-items:baseline;gap:16px;padding:10px 0;border-top:1px solid var(--border);font-size:13.5px}.det-row:first-child{border-top:none}.det-k{flex:0 0 132px;color:var(--muted);font-weight:600}.det-v{flex:1;min-width:0;color:var(--text)}.det-v a{color:var(--accent);font-weight:600}.det-v a:hover{text-decoration:underline}.det-v.mono{font-family:Consolas,monospace;letter-spacing:.03em}.det-lines{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.6}.tdm-loading,.tdm-error{padding:40px 26px 46px;text-align:center;color:var(--muted)}.tdm-skel{height:16px;border-radius:6px;margin:12px 26px;background:linear-gradient(90deg,var(--bg-elev2),var(--bg-hover),var(--bg-elev2));background-size:200% 100%;animation:skel 1.2s infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.atp-modal{position:relative;width:min(430px,100%);max-height:min(80vh,620px);display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;box-shadow:0 40px 90px -30px #000c;animation:tdmIn .24s cubic-bezier(.2,.8,.2,1);overflow:hidden}.atp-head{padding:22px 22px 6px}.atp-head h2{font-size:18px;font-weight:800}.atp-head .sub{color:var(--muted);font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atp-new{display:flex;align-items:center;gap:8px;margin:10px 18px 4px;padding:6px 8px 6px 12px;background:var(--bg-elev2);border:1px solid var(--border);border-radius:12px}.atp-new-ic{color:var(--accent);font-size:18px;font-weight:800;line-height:1}.atp-new-input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--text);font-size:14px;padding:8px 2px}.atp-new-input::placeholder{color:var(--muted)}.atp-new .btn{flex-shrink:0}.atp-list{padding:10px 12px;overflow-y:auto;flex:1}.atp-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:none;background:none;border-radius:11px;color:var(--text);cursor:pointer;text-align:left;transition:background .14s ease}.atp-row:hover{background:var(--bg-hover)}.atp-row img,.atp-ph{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--bg-elev2);display:flex;align-items:center;justify-content:center;color:var(--muted)}.atp-row .nm{flex:1;min-width:0;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atp-row .ct{color:var(--muted);font-size:12px}.atp-empty{padding:26px 14px;text-align:center;color:var(--muted);font-size:13.5px}.atp-foot{padding:12px 18px 18px;text-align:right}.c3d-toast{position:fixed;left:50%;bottom:calc(var(--player-h) + 22px);transform:translate(-50%);z-index:1000;padding:11px 20px;background:color-mix(in srgb,var(--bg-elev2) 96%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:999px;color:var(--text);font-size:13.5px;font-weight:600;box-shadow:0 16px 40px -14px #0009;animation:toastIn .25s cubic-bezier(.2,.8,.2,1)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}}@media(prefers-reduced-motion:reduce){.album-card.tilt3d,.artist-card.tilt3d,.tilt3d .ac-cover,.tilt3d .art-avatar{transition:none;transform:none!important}.ctx-menu,.tdm-modal,.atp-modal,.c3d-toast,.c3d-backdrop{animation:none}}.home3d{position:relative;--home-accent: var(--accent)}.home-inner{position:relative;z-index:1}.home-aurora{position:absolute;inset:-40px -20px auto -20px;height:900px;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,transparent 100%)}.home-aurora i{position:absolute;display:block;border-radius:50%;filter:blur(120px);opacity:.34;transition:background 1.1s ease}.home-aurora i:nth-child(1){width:620px;height:620px;top:-200px;left:-120px;background:color-mix(in srgb,var(--home-accent) 85%,#5b3df0);animation:aur-a 26s ease-in-out infinite alternate}.home-aurora i:nth-child(2){width:520px;height:520px;top:-120px;right:-80px;background:color-mix(in srgb,var(--home-accent) 55%,#0e7490);animation:aur-b 32s ease-in-out infinite alternate}.home-aurora i:nth-child(3){width:460px;height:460px;top:260px;left:46%;background:color-mix(in srgb,var(--home-accent) 70%,#d946ef);opacity:.2;animation:aur-c 22s ease-in-out infinite alternate}@keyframes aur-a{to{transform:translate(90px,70px) scale(1.18)}}@keyframes aur-b{to{transform:translate(-70px,40px) scale(1.12)}}@keyframes aur-c{to{transform:translate(-90px,-50px) scale(1.28)}}.hero3d{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,46%);align-items:center;gap:24px;min-height:360px;margin:6px 0 8px;padding:40px 44px;border-radius:24px;border:1px solid var(--border);background:radial-gradient(120% 150% at 88% 18%,color-mix(in srgb,var(--home-accent) 30%,transparent),transparent 58%),linear-gradient(120deg,color-mix(in srgb,var(--home-accent) 26%,var(--bg-elev)),var(--bg-elev) 68%);box-shadow:0 30px 80px -40px color-mix(in srgb,var(--home-accent) 60%,#000);transition:background 1s ease,box-shadow 1s ease}.hero3d:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;opacity:.6}.hero3d-info{position:relative;z-index:3;min-width:0}.hero3d-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--home-accent);background:color-mix(in srgb,var(--home-accent) 16%,transparent);padding:7px 14px;border-radius:999px}.hero3d-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--home-accent);animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{50%{opacity:.3;transform:scale(.7)}}.hero3d-title{margin:18px 0 10px;font-size:clamp(30px,3.6vw,50px);font-weight:900;letter-spacing:-.03em;line-height:1.06;background:linear-gradient(92deg,var(--text),color-mix(in srgb,var(--home-accent) 66%,var(--text)));-webkit-background-clip:text;background-clip:text;color:transparent;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:1.1em;transition:opacity .35s ease}.hero3d-sub{color:var(--muted);font-size:15px;font-weight:600}.hero3d-sub a:hover{color:var(--home-accent);text-decoration:underline}.hero3d-sub .dot{opacity:.5;margin:0 8px}.hero3d-actions{display:flex;gap:14px;margin-top:26px;align-items:center;flex-wrap:wrap}.play-big{width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;background:var(--home-accent);color:#fff;font-size:22px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 34px color-mix(in srgb,var(--home-accent) 55%,transparent);animation:play-pulse 2.6s ease-in-out infinite;transition:transform .14s ease}.play-big:hover{transform:scale(1.09);animation:none}.play-big:active{transform:scale(.96)}@keyframes play-pulse{0%,to{box-shadow:0 12px 34px color-mix(in srgb,var(--home-accent) 55%,transparent),0 0 color-mix(in srgb,var(--home-accent) 42%,transparent)}60%{box-shadow:0 12px 34px color-mix(in srgb,var(--home-accent) 55%,transparent),0 0 0 18px transparent}}.hero-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:700;font-size:14px;color:var(--text);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev2) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .16s,transform .12s}.hero-ghost:hover{border-color:var(--home-accent);transform:translateY(-1px)}.cf3d{position:relative;height:300px;z-index:2;perspective:1400px;transform-style:preserve-3d}.cf-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.cf-item{position:absolute;left:50%;top:50%;width:210px;height:210px;margin:-105px 0 0 -105px;border-radius:16px;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,.68,.18,1),opacity .5s ease,filter .5s ease;will-change:transform,opacity}.cf-item img{width:100%;height:100%;object-fit:cover;border-radius:16px;outline:1px solid rgba(255,255,255,.12);box-shadow:0 26px 60px -18px #000000b3;background:var(--bg-elev2)}.cf-item:after{content:"";position:absolute;left:0;right:0;top:102%;height:46%;border-radius:16px;background:inherit;opacity:.16;transform:scaleY(-1);filter:blur(1px);-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}.cf-item.is-center{cursor:pointer}.cf-item.is-center img{outline-color:color-mix(in srgb,var(--home-accent) 60%,#fff);box-shadow:0 34px 80px -20px color-mix(in srgb,var(--home-accent) 70%,#000),0 0 0 4px color-mix(in srgb,var(--home-accent) 22%,transparent)}.cf-item.is-center:before{content:"";position:absolute;top:-26%;right:-26%;bottom:-26%;left:-26%;z-index:-1;border-radius:50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--home-accent) 55%,transparent),transparent 60%);filter:blur(26px);opacity:.8;animation:halo-spin 8s linear infinite}@keyframes halo-spin{to{transform:rotate(360deg)}}.cf-item:not(.is-center):hover{filter:brightness(1.16)}.cf-nav{position:absolute;top:50%;z-index:12;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;cursor:pointer;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev2) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .14s,border-color .14s,background .14s}.cf-nav:hover{border-color:var(--home-accent);transform:translateY(-50%) scale(1.1)}.cf-nav.prev{left:-6px}.cf-nav.next{right:-6px}.cf-dots{position:absolute;left:0;right:0;bottom:-6px;z-index:12;display:flex;gap:7px;justify-content:center}.cf-dots button{width:7px;height:7px;border-radius:50%;border:none;padding:0;cursor:pointer;background:var(--muted);opacity:.4;transition:all .2s}.cf-dots button.on{opacity:1;width:20px;border-radius:4px;background:var(--home-accent)}.cover-marquee{overflow:hidden;margin:14px 0 30px;padding:8px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.mq-track{display:flex;gap:16px;width:max-content;animation:mq-move 46s linear infinite}.cover-marquee:hover .mq-track{animation-play-state:paused}.mq-track a{flex-shrink:0}.mq-track img{width:112px;height:112px;border-radius:13px;object-fit:cover;background:var(--bg-elev2);transition:transform .28s ease,box-shadow .28s ease}.mq-track a:hover img{transform:translateY(-7px) scale(1.07) rotate(-2deg);box-shadow:0 18px 36px #0000008c}@keyframes mq-move{to{transform:translate(-50%)}}.home-section{margin-bottom:34px}.home-reveal{animation:reveal .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * .09s)}@keyframes reveal{0%{opacity:0;transform:translateY(22px)}}.sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.sec-head h2{display:inline-flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0}.sec-head h2:before{content:"";width:4px;height:22px;border-radius:4px;background:linear-gradient(180deg,var(--home-accent),color-mix(in srgb,var(--home-accent) 40%,var(--accent2)))}.sec-more{color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap;transition:color .15s}.sec-more:hover{color:var(--home-accent)}.tilt3d{transform:perspective(760px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--ty, 0));transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .3s;transform-style:preserve-3d;border-radius:14px;will-change:transform}.tilt3d.tilting{transition:transform .05s linear}.tilt3d:hover{--ty: -6px}.tilt3d :is(.ac-cover,.art-avatar){box-shadow:0 14px 30px -14px #0009;transition:box-shadow .3s}.tilt3d:hover :is(.ac-cover,.art-avatar){box-shadow:0 24px 50px -18px color-mix(in srgb,var(--home-accent) 55%,#000)}.tilt3d :is(.ac-cover,.art-avatar) img{transition:transform .4s ease}.tilt3d:hover :is(.ac-cover,.art-avatar) img{transform:scale(1.05)}.pl-card{display:block}.pl-cover{aspect-ratio:1;border-radius:14px;overflow:hidden;margin-bottom:10px;background:var(--bg-elev2);position:relative}.pl-cover img{width:100%;height:100%;object-fit:cover}.pl-cover:after{content:"▶";position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;background:var(--home-accent);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px color-mix(in srgb,var(--home-accent) 55%,transparent);opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.tilt3d:hover .pl-cover:after{opacity:1;transform:translateY(0)}.genre-row{display:flex;flex-wrap:wrap;gap:12px}.genre-chip{position:relative;overflow:hidden;display:inline-flex;flex-direction:column;justify-content:flex-end;min-width:148px;height:84px;padding:12px 15px;border-radius:14px;color:#fff;cursor:pointer;text-decoration:none;box-shadow:0 10px 26px -12px #0009;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.genre-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 85% 15%,rgba(255,255,255,.28),transparent 60%)}.genre-chip:hover{transform:translateY(-4px) scale(1.02);filter:brightness(1.08);box-shadow:0 18px 36px -14px #000000b3}.genre-chip b{position:relative;z-index:1;font-size:16px;font-weight:800;letter-spacing:-.01em;text-shadow:0 1px 6px rgba(0,0,0,.3)}.genre-chip span{position:relative;z-index:1;font-size:12px;opacity:.9;margin-top:2px}@media(max-width:900px){.hero3d{grid-template-columns:1fr;padding:28px 22px;min-height:unset;gap:20px}.cf3d{height:240px;order:-1}.cf-item{width:168px;height:168px;margin:-84px 0 0 -84px}.home-aurora{height:620px}}@media(max-width:560px){.cf-item:after,.cf-item.is-center:before{display:none}.cf-item{width:148px;height:148px;margin:-74px 0 0 -74px}.cover-marquee{margin:10px -20px 26px}}@media(prefers-reduced-motion:reduce){.home-aurora i,.mq-track,.cf-item.is-center:before,.play-big,.home-reveal{animation:none!important}.cf-item{transition:none}}.pe-scope{--pg-accent: var(--accent);position:relative}.pe-hero{position:relative;display:flex;gap:34px;align-items:flex-end;padding:40px 28px 38px;margin:-8px -28px 30px;border-radius:0 0 28px 28px;overflow:hidden;isolation:isolate}.pe-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(130% 150% at 12% -10%,color-mix(in srgb,var(--pg-accent) 60%,transparent),transparent 58%),radial-gradient(120% 130% at 88% 10%,color-mix(in srgb,var(--accent2) 34%,transparent),transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--pg-accent) 24%,var(--bg)),var(--bg) 88%)}.pe-hero:after{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;z-index:-1;background:radial-gradient(38% 38% at 28% 38%,color-mix(in srgb,var(--pg-accent) 46%,transparent),transparent 70%),radial-gradient(34% 34% at 72% 64%,color-mix(in srgb,var(--accent2) 34%,transparent),transparent 70%);filter:blur(36px);opacity:.75;animation:pe-aurora 15s ease-in-out infinite alternate}@keyframes pe-aurora{0%{transform:translate3d(-4%,-2%,0) scale(1)}50%{transform:translate3d(5%,3%,0) scale(1.12)}to{transform:translate3d(-2%,5%,0) scale(1.06)}}.pe-cover{width:246px;height:246px;flex-shrink:0;position:relative;border-radius:20px;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;box-shadow:0 34px 66px -22px color-mix(in srgb,var(--pg-accent) 65%,#000),0 12px 34px #0000008c;will-change:transform}.pe-cover img,.pe-cover .pe-cover-ph{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block}.pe-cover-ph{display:grid;place-items:center;font-size:62px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--pg-accent),var(--accent2))}.pe-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.3),transparent 42%);mix-blend-mode:overlay}.pe-avatar-wrap{position:relative;flex-shrink:0}.pe-avatar-wrap:before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;z-index:-1;background:conic-gradient(from 0deg,var(--pg-accent),var(--accent2),var(--pg-accent));filter:blur(18px);opacity:.55;animation:pe-spin 9s linear infinite}@keyframes pe-spin{to{transform:rotate(360deg)}}.pe-avatar{width:232px;height:232px;border-radius:50%;overflow:hidden;position:relative;transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .3s cubic-bezier(.2,.7,.3,1);box-shadow:0 26px 60px -22px #000000b3,0 0 0 6px color-mix(in srgb,var(--pg-accent) 22%,transparent);will-change:transform}.pe-avatar img,.pe-avatar .pe-cover-ph{width:100%;height:100%;border-radius:50%}.pe-hero-info{min-width:0;padding-bottom:6px}.pe-type{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:color-mix(in srgb,var(--pg-accent) 60%,var(--text))}.pe-title{font-size:clamp(30px,5vw,62px);font-weight:900;line-height:1.02;margin:10px 0 12px;letter-spacing:-.02em}.pe-submeta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted);font-size:14px;margin-bottom:22px}.pe-submeta b{color:var(--text);font-weight:800}.pe-alink{color:var(--text);font-weight:700}.pe-alink:hover{color:var(--pg-accent);text-decoration:underline}.pe-dot{opacity:.45}.pe-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pe-play-big{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:var(--pg-accent);color:#fff;font-size:22px;display:grid;place-items:center;box-shadow:0 14px 32px -8px color-mix(in srgb,var(--pg-accent) 85%,transparent);transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .25s}.pe-play-big:hover{transform:scale(1.09) translateY(-2px);box-shadow:0 20px 44px -10px color-mix(in srgb,var(--pg-accent) 90%,transparent)}.pe-play-big:active{transform:scale(.95)}.pe-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;border:1px solid var(--border);color:var(--text);background:color-mix(in srgb,var(--bg-elev2) 65%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s,border-color .2s,background .2s}.pe-btn:hover{border-color:var(--pg-accent);background:var(--bg-hover);transform:translateY(-1px)}.pe-btn:active{transform:translateY(0)}.pe-btn.on{background:var(--pg-accent);border-color:transparent;color:#fff}.pe-btn:disabled{opacity:.55;cursor:default;transform:none}.pe-note{font-size:13px;font-weight:600;color:var(--muted);align-self:center}.pe-note.err{color:var(--danger)}.pe-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 30px;margin-bottom:30px;padding:22px 26px;background:color-mix(in srgb,var(--bg-elev) 92%,var(--pg-accent) 8%);border:1px solid var(--border);border-radius:20px}.pe-meta-item{display:flex;flex-direction:column;gap:4px;min-width:0}.pe-meta-k{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:800}.pe-meta-v{font-size:14.5px;font-weight:600;overflow-wrap:anywhere}.pe-meta-v a:hover{color:var(--pg-accent)}.pe-copyline{grid-column:1 / -1;color:var(--muted);font-size:12.5px;border-top:1px solid var(--border);padding-top:14px;margin-top:2px;line-height:1.6}.pe-section{margin-bottom:36px}.pe-h2{font-size:20px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:12px}.pe-h2:before{content:"";width:4px;height:20px;border-radius:3px;background:linear-gradient(var(--pg-accent),var(--accent2))}.pe-h2 .pe-h2-count{color:var(--muted);font-size:14px;font-weight:600}.pe-tabs{display:flex;gap:6px;padding:5px;margin-bottom:26px;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;width:fit-content;max-width:100%;overflow-x:auto}.pe-tab{padding:9px 18px;border:none;border-radius:10px;background:none;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s}.pe-tab:hover{color:var(--text)}.pe-tab.on{color:var(--text);background:color-mix(in srgb,var(--accent) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent)}.pe-tab .pe-tab-n{opacity:.6;margin-left:6px;font-size:12px}.pe-create{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.pe-input{padding:11px 14px;background:var(--bg-elev2);border:1.5px solid var(--border);border-radius:11px;font-size:14px;outline:none;color:var(--text);min-width:220px}.pe-input:focus{border-color:var(--accent)}.pe-select{min-width:150px}.pe-search-wrap{position:relative;max-width:700px;margin-bottom:30px}.pe-search{width:100%;padding:18px 116px 18px 56px;font-size:17px;border-radius:16px;border:1.5px solid var(--border);background:var(--bg-elev2);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.pe-search::placeholder{color:var(--muted)}.pe-search:focus{border-color:var(--accent);background:var(--bg-elev);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.pe-search-ic{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--muted);pointer-events:none}.pe-kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:7px;padding:4px 9px;background:var(--bg-elev);font-family:Consolas,monospace;pointer-events:none}.pe-spinner{position:absolute;right:60px;top:50%;transform:translateY(-50%)}.pe-spinner:after{content:"";display:block;width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);animation:pe-spin .7s linear infinite}.pe-pl-card{cursor:pointer}.pe-pl-cover{aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:10px;display:grid;place-items:center;color:#fff;font-size:30px;box-shadow:0 12px 26px -12px #0009;transition:transform .25s cubic-bezier(.2,.7,.3,1)}.pe-pl-card:hover .pe-pl-cover{transform:translateY(-4px) scale(1.02)}.pe-pl-cover img{width:100%;height:100%;object-fit:cover}.pe-liked-card{cursor:pointer}.pe-liked-cover{position:relative;background:linear-gradient(135deg,#ff5a8a,#7c5cff 65%,#38bdf8)}.pe-liked-heart{font-size:60px;color:#fff;line-height:1;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.pe-liked-play{position:absolute;right:10px;bottom:10px;width:46px;height:46px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:16px;cursor:pointer;display:grid;place-items:center;box-shadow:0 10px 24px -8px #000000b3;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,filter .15s ease}.pe-liked-card:hover .pe-liked-play{opacity:1;transform:none}.pe-liked-play:hover{filter:brightness(1.12)}.pe-empty{text-align:center;padding:72px 20px;color:var(--muted);animation:fade .35s}.pe-empty-ic{font-size:58px;margin-bottom:16px;line-height:1;filter:drop-shadow(0 10px 22px color-mix(in srgb,var(--accent) 42%,transparent))}.pe-empty h3{color:var(--text);font-size:21px;font-weight:800;margin-bottom:8px}.pe-empty p{max-width:420px;margin:0 auto;line-height:1.6}.pe-empty .pe-btn,.pe-empty .btn{margin-top:18px}.pe-chips{display:flex;flex-wrap:wrap;gap:10px}.pe-chip{padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev2);color:var(--text);font-weight:600;font-size:13.5px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.pe-chip:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-2px)}@media(max-width:720px){.pe-hero{flex-direction:column;align-items:flex-start;gap:22px;padding:30px 20px 28px;margin:-8px -20px 26px}.pe-cover,.pe-avatar{width:180px;height:180px}.pe-avatar-wrap{align-self:center}.pe-title{font-size:clamp(26px,8vw,40px)}}@media(prefers-reduced-motion:reduce){.pe-hero:after,.pe-avatar-wrap:before,.pe-spinner:after{animation:none}.pe-cover,.pe-avatar,.pe-play-big,.pe-btn{transition:none}}.cx-scene{position:relative;isolation:isolate}.cx-aurora{position:absolute;inset:-60px -40px auto -40px;height:520px;z-index:0;pointer-events:none;overflow:hidden;filter:blur(60px);opacity:.55}.cx-aurora:before,.cx-aurora:after{content:"";position:absolute;border-radius:50%}.cx-aurora:before{width:460px;height:460px;left:4%;top:-140px;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 65%);animation:cxFloatA 16s ease-in-out infinite}.cx-aurora:after{width:520px;height:520px;right:2%;top:-180px;background:radial-gradient(circle at 60% 40%,var(--accent2),transparent 62%);animation:cxFloatB 19s ease-in-out infinite}@keyframes cxFloatA{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,40px) scale(1.15)}}@keyframes cxFloatB{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(-70px,30px) scale(.9)}}.cx-content{position:relative;z-index:1}.cx-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:6px 0 22px}.cx-hero-l{min-width:0}.cx-title{font-size:clamp(30px,4vw,46px);font-weight:900;letter-spacing:-.02em;line-height:1.05;display:inline-flex;align-items:center;gap:12px}.cx-title .cx-grad{background:linear-gradient(100deg,var(--accent),var(--accent2) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.cx-title-emoji{font-size:.85em;filter:drop-shadow(0 6px 16px color-mix(in srgb,var(--accent) 60%,transparent))}.cx-sub{color:var(--muted);font-size:14.5px;margin-top:8px;max-width:60ch}.cx-tabs{display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:color-mix(in srgb,var(--bg-elev2) 80%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059}.cx-tab{position:relative;border:none;background:none;color:var(--muted);font-weight:700;font-size:13.5px;padding:9px 18px;border-radius:10px;cursor:pointer;transition:color .2s,transform .12s}.cx-tab:hover{color:var(--text)}.cx-tab:active{transform:scale(.96)}.cx-tab.on{color:#fff;background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent2) 60%,var(--accent)));box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 45%,transparent)}.cx-playall{display:inline-flex;align-items:center;gap:9px;border:none;cursor:pointer;padding:12px 22px;border-radius:999px;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent2));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 40%,transparent);transition:transform .16s,box-shadow .16s,filter .16s}.cx-playall:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 40px color-mix(in srgb,var(--accent) 55%,transparent)}.cx-playall:active{transform:translateY(0) scale(.97)}.cx-playall .ico{font-size:15px}.cx-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;perspective:1200px;margin-bottom:34px}.cx-pod{position:relative;border-radius:20px;padding:24px 20px 20px;cursor:pointer;background:linear-gradient(165deg,var(--bg-elev2),var(--bg-elev));border:1px solid var(--border);overflow:hidden;text-align:center;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .3s,border-color .3s;box-shadow:0 14px 40px #0006}.cx-pod:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--medal, var(--accent)) 30%,transparent),transparent 60%)}.cx-pod:hover{border-color:color-mix(in srgb,var(--medal, var(--accent)) 60%,var(--border));box-shadow:0 26px 60px color-mix(in srgb,var(--medal, var(--accent)) 30%,rgba(0,0,0,.5))}.cx-pod:hover:before{opacity:1}.cx-pod.rank1{transform:perspective(900px) translateY(-16px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.cx-pod.rank1{--medal: #ffd452}.cx-pod.rank2{--medal: #cfd8e6}.cx-pod.rank3{--medal: #e39a5c}.cx-medal{position:absolute;top:14px;left:14px;width:38px;height:38px;z-index:3;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:16px;color:#1a1400;transform:translateZ(50px);background:radial-gradient(circle at 32% 28%,#fff,var(--medal) 70%);box-shadow:0 6px 18px color-mix(in srgb,var(--medal) 55%,transparent),inset 0 0 0 2px #ffffff59}.cx-crown{position:absolute;top:-14px;left:50%;transform:translate(-50%) translateZ(60px);font-size:26px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));z-index:3}.cx-pod-art{position:relative;width:148px;height:148px;margin:8px auto 16px;transform:translateZ(40px)}.cx-vinyl{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:0;background:repeating-radial-gradient(circle at 50% 50%,#0d0d12 0,#0d0d12 2px,#17171f 2px,#17171f 4px);box-shadow:0 12px 30px #0000008c;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translate(0) rotate(0)}.cx-vinyl:after{content:"";position:absolute;top:40%;right:40%;bottom:40%;left:40%;border-radius:50%;background:radial-gradient(circle,var(--medal, var(--accent)),color-mix(in srgb,var(--medal, var(--accent)) 30%,#000));box-shadow:0 0 0 4px #0006}.cx-pod:hover .cx-vinyl{transform:translate(38px) rotate(320deg)}.cx-pod-cover{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;z-index:1;background:color-mix(in srgb,var(--medal, var(--accent)) 30%,var(--bg-elev2));box-shadow:0 10px 26px #00000080,inset 0 0 0 1px #ffffff0f}.cx-pod-cover img{width:100%;height:100%;object-fit:cover}.cx-pod-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;color:#fff;font-size:30px;opacity:0;background:#00000059;border-radius:16px;transition:opacity .25s;text-shadow:0 4px 14px rgba(0,0,0,.6)}.cx-pod-cover:hover .cx-pod-play,.cx-pod:hover .cx-pod-play{opacity:1}.cx-pod-title{font-weight:800;font-size:16px;transform:translateZ(30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-pod-artist{color:var(--muted);font-size:13px;margin-top:3px;transform:translateZ(24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-pod-plays{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;transform:translateZ(20px);color:var(--medal, var(--accent));background:color-mix(in srgb,var(--medal, var(--accent)) 14%,transparent);border:1px solid color-mix(in srgb,var(--medal, var(--accent)) 30%,transparent)}.cx-list{display:flex;flex-direction:column;gap:6px}.cx-row{display:grid;grid-template-columns:54px 46px 1fr auto auto 40px;align-items:center;gap:14px;padding:9px 14px 9px 8px;border-radius:14px;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s,transform .12s}.cx-row:hover{background:color-mix(in srgb,var(--bg-elev2) 85%,transparent);border-color:var(--border);transform:translate(3px)}.cx-row.playing{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.cx-rank{font-size:22px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);position:relative}.cx-row.playing .cx-rank{color:var(--accent)}.cx-rc-cover{width:46px;height:46px;border-radius:9px;object-fit:cover;background:var(--bg-elev2);box-shadow:0 4px 12px #0006}.cx-rc-main{min-width:0}.cx-rc-title{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-row.playing .cx-rc-title{color:var(--accent)}.cx-rc-artist{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-rc-artist a:hover{color:var(--text);text-decoration:underline}.cx-rc-plays{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.cx-rc-plays b{font-size:14px;font-weight:800}.cx-rc-plays span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.cx-rc-dur{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.cx-play-btn{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;font-size:12px;color:var(--muted);background:var(--bg-elev2);opacity:0;transition:opacity .2s,transform .15s,background .2s,color .2s}.cx-row:hover .cx-play-btn{opacity:1}.cx-play-btn:hover{background:var(--accent);color:#fff;transform:scale(1.1)}.cx-row.playing .cx-play-btn{opacity:1;color:var(--accent)}.cx-eq{display:inline-flex;gap:2px;height:15px;align-items:flex-end}.cx-eq i{width:3px;background:var(--accent);border-radius:2px;animation:cxEq .9s ease-in-out infinite}.cx-eq i:nth-child(2){animation-delay:.3s}.cx-eq i:nth-child(3){animation-delay:.6s}@keyframes cxEq{0%,to{height:4px}50%{height:15px}}.gz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;perspective:1200px}.gz-card{position:relative;aspect-ratio:16 / 10;border-radius:18px;overflow:hidden;cursor:pointer;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate;background:linear-gradient(140deg,var(--g1),var(--g2));transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .3s;box-shadow:0 12px 34px color-mix(in srgb,var(--g1) 30%,rgba(0,0,0,.4))}.gz-card:hover{box-shadow:0 24px 54px color-mix(in srgb,var(--g1) 45%,rgba(0,0,0,.5))}.gz-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.5;background:radial-gradient(340px circle at var(--mx,80%) var(--my,20%),rgba(255,255,255,.35),transparent 60%);mix-blend-mode:soft-light;transition:opacity .3s}.gz-card:hover:before{opacity:1}.gz-card:after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;z-index:0;border-radius:50%;background:#ffffff24;transform:translateZ(20px) rotate(18deg)}.gz-note{position:absolute;top:14px;right:16px;font-size:30px;z-index:1;opacity:.55;transform:translateZ(45px) rotate(14deg);filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.gz-name{position:relative;z-index:1;font-size:21px;font-weight:900;letter-spacing:-.01em;transform:translateZ(40px);text-shadow:0 3px 14px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gz-count{position:relative;z-index:1;font-size:12.5px;font-weight:700;opacity:.92;margin-top:5px;transform:translateZ(30px)}.gd-hero{position:relative;overflow:hidden;border-radius:22px;padding:40px 34px;margin-bottom:26px;color:#fff;isolation:isolate;background:linear-gradient(135deg,var(--g1),var(--g2));perspective:1000px;box-shadow:0 20px 50px color-mix(in srgb,var(--g1) 34%,rgba(0,0,0,.45))}.gd-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.6;background:radial-gradient(600px circle at 12% -10%,rgba(255,255,255,.4),transparent 55%),radial-gradient(500px circle at 90% 120%,rgba(0,0,0,.35),transparent 55%)}.gd-hero-glyph{position:absolute;right:-20px;top:50%;transform:translateY(-50%) rotate(-12deg);font-size:220px;z-index:0;opacity:.16;animation:gdBob 8s ease-in-out infinite}@keyframes gdBob{0%,to{transform:translateY(-50%) rotate(-12deg)}50%{transform:translateY(-56%) rotate(-6deg)}}.gd-eyebrow{position:relative;z-index:1;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.85}.gd-name{position:relative;z-index:1;font-size:clamp(34px,5.5vw,62px);font-weight:900;letter-spacing:-.02em;line-height:1.02;margin:10px 0 6px;text-shadow:0 4px 20px rgba(0,0,0,.35)}.gd-count{position:relative;z-index:1;font-size:14px;font-weight:700;opacity:.92}.gd-actions{position:relative;z-index:1;display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.gd-btn{display:inline-flex;align-items:center;gap:9px;border:none;cursor:pointer;padding:12px 24px;border-radius:999px;font-weight:800;font-size:14px;transition:transform .15s,filter .15s,background .2s}.gd-btn-play{background:#fff;color:#12131a;box-shadow:0 10px 28px #0000004d}.gd-btn-play:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.02)}.gd-btn-ghost{background:#ffffff29;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3)}.gd-btn-ghost:hover{background:#ffffff42;transform:translateY(-2px)}.gd-btn:active{transform:scale(.96)}.cx-loading{display:grid;place-items:center;gap:16px;padding:80px 0;color:var(--muted)}.cx-spinner{width:46px;height:46px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 25%,transparent);border-top-color:var(--accent);animation:cxSpin .8s linear infinite}@keyframes cxSpin{to{transform:rotate(360deg)}}.cx-empty{padding:70px;text-align:center;color:var(--muted)}.cx-error{padding:40px;text-align:center;color:var(--danger);font-weight:600}.cx-skel{border-radius:14px;background:linear-gradient(100deg,var(--bg-elev) 30%,var(--bg-elev2) 50%,var(--bg-elev) 70%);background-size:220% 100%;animation:cxShimmer 1.3s linear infinite}@keyframes cxShimmer{to{background-position:-220% 0}}.cx-skel-pod{height:260px}.cx-skel-row{height:64px}@media(max-width:720px){.cx-podium{grid-template-columns:1fr}.cx-pod.rank1{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.cx-row{grid-template-columns:40px 44px 1fr auto}.cx-rc-dur,.cx-play-btn{display:none}.gd-hero{padding:30px 22px}}@media(prefers-reduced-motion:reduce){.cx-aurora:before,.cx-aurora:after,.gd-hero-glyph,.cx-eq i,.cx-vinyl{animation:none}.cx-pod,.gz-card{transition:none}}#admin-app{--bg: #0b0d12;--bg-elev: #131721;--bg-elev2: #1b2130;--bg-hover: #242c3e;--border: #28304a;--text: #eef1f7;--muted: #93a0bb;--accent: #7c5cff;--accent-soft: rgba(124, 92, 255, .16);--ok: #34d399;--warn: #fbbf24;--danger: #f4646c;--radius: 12px;display:grid;grid-template-columns:236px 1fr;min-height:100vh;background:var(--bg);color:var(--text)}#admin-app button,#admin-app input,#admin-app select,#admin-app textarea{font-family:inherit;color:var(--text)}#admin-app input,#admin-app select,#admin-app textarea{font-size:13.5px;background:var(--bg-elev2);border:1px solid var(--border);border-radius:9px;padding:9px 12px;outline:none;width:100%}#admin-app input:focus,#admin-app select:focus,#admin-app textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}#a-sidebar{background:var(--bg-elev);border-right:1px solid var(--border);padding:18px 12px 16px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh;overflow-y:auto}#a-sidebar .brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;padding:0 10px}#a-sidebar .brand img{border-radius:8px}#a-sidebar .brand b{color:var(--accent)}#a-nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-group-label{margin:14px 12px 4px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);opacity:.65}#a-nav button{position:relative;display:block;width:100%;text-align:left;padding:9px 12px;border:none;background:none;border-radius:9px;color:var(--muted);font-weight:600;font-size:13.5px;cursor:pointer;transition:background .15s,color .15s}#a-nav button:hover{color:var(--text);background:var(--bg-hover)}#a-nav button.active{color:var(--text);background:var(--accent-soft)}#a-nav button.active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:99px;background:var(--accent)}.sidebar-footer{display:flex;flex-direction:column;gap:8px;padding:0 10px}.sidebar-footer .who{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.sidebar-footer a,.sidebar-footer button{color:var(--muted);font-size:13px;font-weight:600;text-align:left;padding:4px 0;border:none;background:none;cursor:pointer}.sidebar-footer a:hover,.sidebar-footer button:hover{color:var(--text)}#a-main{padding:28px 32px 60px;min-width:0}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.sec-head h1{font-size:24px;font-weight:800}.sec-head .tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sec-head input[type=search],.sec-head input:not([type]){width:240px}.empty-note{color:var(--muted);padding:12px 0}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:none;border-radius:9px;font-weight:700;font-size:13.5px;cursor:pointer;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn-ghost{border:1px solid var(--border);background:var(--bg-elev2)}.btn-danger{background:var(--danger);color:#fff}.btn-ok{background:var(--ok);color:#06281c}.btn-orange{background:#f59e0b;color:#3a2400}.btn-sm{padding:5px 12px;font-size:12.5px;border-radius:7px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:26px}.stat-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stat-card .num{font-size:27px;font-weight:800}.stat-card .lbl{color:var(--muted);font-size:12.5px;font-weight:600;margin-top:4px}.stat-card.warn .num{color:var(--warn)}.stat-card.danger .num{color:var(--danger)}.tbl-wrap{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{padding:11px 14px;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-elev);z-index:2}tbody tr{border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent)}tbody tr:hover{background:color-mix(in srgb,var(--bg-elev2) 62%,transparent)}td.actions{text-align:right}td.actions .btn{margin-left:6px}td .cell-main{display:flex;align-items:center;gap:10px}td img.thumb,td .thumb{width:38px;height:38px;border-radius:6px;object-fit:cover}td .sub{color:var(--muted);font-size:12px}.mono{font-family:Consolas,monospace;font-size:12.5px;color:var(--muted);word-break:break-all}tbody tr.row-sel{background:color-mix(in srgb,var(--accent) 14%,transparent)}tbody tr.row-sel:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}td input[type=checkbox],th input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.bulk-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));font-size:13.5px}.bulk-bar>b{color:var(--accent)}.bulk-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.rel-sched{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.rel-opt{display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:8px 13px;border-radius:9px;font-size:13.5px;font-weight:600;border:1px solid var(--border);background:var(--bg-elev2)}.rel-opt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text)}.rel-opt input[type=radio]{width:auto;accent-color:var(--accent)}.rel-sched input[type=datetime-local]{background:var(--bg-elev2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text)}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;background:var(--bg-hover);color:var(--muted)}.badge.live{background:#34d39926;color:var(--ok)}.badge.draft{background:var(--bg-hover);color:var(--muted)}.badge.pending_review,.badge.scheduled{background:#fbbf2426;color:var(--warn)}.badge.taken_down,.badge.failed{background:#f4646c26;color:var(--danger)}.badge.imported,.badge.validated,.badge.received{background:#38bdf826;color:#38bdf8}.role-badge{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.role-badge.admin{background:#f4646c2e;color:#f4646c}.role-badge.manager{background:#7c5cff2e;color:var(--accent)}.role-badge.uploader{background:#38bdf82e;color:#38bdf8}.role-badge.user{background:var(--bg-hover);color:var(--muted)}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px}.panel h3{font-size:16px;font-weight:700;margin-bottom:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:6px}.form-error{color:var(--danger);font-size:13px;font-weight:600;min-height:18px;margin-top:6px}.pill{margin-left:auto;background:var(--danger);color:#fff;font-size:10.5px;font-weight:800;border-radius:99px;padding:2px 7px;min-width:20px;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.a-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center;cursor:pointer}.a-card:hover{background:var(--bg-elev2)}.a-card .av{width:84px;height:84px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:#fff;overflow:hidden}.a-card .av img{width:100%;height:100%;object-fit:cover}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:26px;text-align:center;color:var(--muted);cursor:pointer}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;padding:24px;width:min(520px,100%);max-height:88vh;overflow-y:auto}.modal.wide{width:min(820px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{font-size:20px;font-weight:800}.modal-x{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}#toast-root{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:200}.toast{background:var(--bg-elev2);border:1px solid var(--border);border-radius:10px;padding:12px 18px;font-size:13.5px;font-weight:600;box-shadow:0 12px 30px #0006;animation:t-in .25s}.toast.err{border-color:var(--danger);color:#ffd7da}@keyframes t-in{0%{opacity:0;transform:translate(20px)}}.admin-gate{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0b0d12;color:#eef1f7}.admin-gate h2{font-size:24px;font-weight:800}.admin-gate p{color:#93a0bb}.admin-gate .back{color:#93a0bb;font-size:13px;margin-top:8px}.sftp-banner{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:18px}.sftp-warn{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:var(--warn);border-radius:10px;padding:12px 16px;margin-bottom:14px}.keybox{background:var(--bg-elev2);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:180px;overflow:auto}@media(max-width:900px){#admin-app{grid-template-columns:1fr}#a-sidebar{position:static;height:auto;flex-direction:row;overflow-x:auto}#a-nav{flex-direction:row}.nav-group-label{display:none}.two-col,.grid2{grid-template-columns:1fr}}:root{--bg: #0a0b10;--bg-elev: #14161f;--bg-elev2: #1c1f2b;--bg-hover: #262a38;--border: #262c3d;--text: #eef1f7;--muted: #93a0bb;--accent: #7c5cff;--accent2: #38bdf8;--ok: #34d399;--danger: #f4646c;--player-h: 92px;--player-h-m: 76px;--mobilenav-h: 62px;--font: "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif}.mobile-nav,.tb-brand-m,.tb-lang-m,.pbx-mini-ctrl,.pbx-mobile-wave{display:none}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;color:inherit}img{max-width:100%;display:block}.mono{font-family:Consolas,monospace}#app{display:grid;grid-template-columns:236px 1fr;grid-template-rows:minmax(0,1fr) var(--player-h);height:100vh}#sidebar{grid-row:1 / 2;background:var(--bg-elev);border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;padding:0 8px 8px}.brand img{border-radius:9px}.brand b{color:var(--accent)}#sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-link{padding:10px 12px;border-radius:9px;color:var(--muted);font-weight:600;font-size:14px}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}#content{grid-row:1 / 2;display:flex;flex-direction:column;min-height:0;overflow:hidden}#topbar{display:flex;align-items:center;padding:14px 28px;gap:12px}#topbar .spacer{flex:1}#main{flex:1;overflow-y:auto;padding:8px 28px 40px}#playerbar{grid-column:1 / 3;grid-row:2 / 3;background:var(--bg-elev);border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 20px;gap:16px}.pb-track{display:flex;align-items:center;gap:12px;min-width:0}.pb-cover{width:52px;height:52px;border-radius:8px;object-fit:cover}.pb-title{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-artist{color:var(--muted);font-size:12.5px}.pb-center{display:flex;flex-direction:column;align-items:center;gap:6px}.pb-controls{display:flex;align-items:center;gap:18px}.pb-controls button{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text)}.pb-play{width:40px;height:40px;border-radius:50%!important;background:var(--text)!important;color:var(--bg)!important}.pb-seek{display:flex;align-items:center;gap:10px;width:100%;max-width:560px;font-size:11.5px;color:var(--muted)}.pb-bar{flex:1;height:5px;border-radius:3px;background:var(--bg-hover);cursor:pointer}.pb-fill{height:100%;border-radius:3px;background:var(--accent)}.pb-right{display:flex;justify-content:flex-end}.page{animation:fade .3s}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.page-title{font-size:26px;font-weight:800;margin:8px 0 18px}.page-head{display:flex;align-items:center;justify-content:space-between}section{margin-bottom:30px}section h2{font-size:19px;font-weight:700;margin-bottom:14px}.empty{padding:60px;text-align:center;color:var(--muted)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.album-card,.artist-card{cursor:pointer}.ac-cover{aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:10px}.ac-cover img{width:100%;height:100%;object-fit:cover}.artist-card{text-align:center}.art-avatar{width:130px;height:130px;border-radius:50%;margin:0 auto 10px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800}.art-avatar.big{width:150px;height:150px;font-size:54px}.art-avatar img{width:100%;height:100%;object-fit:cover}.ac-title{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-sub{color:var(--muted);font-size:12.5px;margin-top:2px}.track-list{display:flex;flex-direction:column}.track-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;cursor:default}.track-row:hover{background:var(--bg-elev2)}.track-row.playing{color:var(--accent)}.tr-play{flex-shrink:0;width:30px;height:30px;border:none;border-radius:50%;background:none;color:inherit;cursor:pointer;font-size:13px}.track-row:hover .tr-play{background:var(--accent);color:#fff}.tr-cover{flex-shrink:0;width:42px;height:42px;border-radius:6px;object-fit:cover}.tr-main{flex:1;min-width:0}.tr-title{font-weight:600;font-size:14px}.tr-artist{color:var(--muted);font-size:12.5px}.tr-dur{flex-shrink:0;color:var(--muted);font-size:12.5px}.album-hero,.artist-hero{display:flex;gap:24px;align-items:flex-end;margin-bottom:26px}.ah-cover{width:200px;height:200px;border-radius:14px;overflow:hidden;flex-shrink:0}.ah-cover img{width:100%;height:100%;object-fit:cover}.ah-type{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.1em}.ah-info h1{font-size:40px;font-weight:900;margin:6px 0}.ah-sub{color:var(--muted);margin-bottom:12px}.album-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:14px}.album-meta b{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-full{width:100%;justify-content:center;margin-top:6px}.user-chip{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:999px;background:var(--bg-elev2);font-size:13.5px;font-weight:600}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.search-box,.search-box:focus{width:100%;max-width:560px;padding:14px 18px;background:var(--bg-elev2);border:1px solid var(--border);border-radius:12px;font-size:15px;outline:none;margin-bottom:24px}select{background:var(--bg-elev2);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.login-shell{display:flex;min-height:100vh}.login-brand{flex:1.1;padding:60px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#0a0c14,#141026)}.lb-logo{font-size:22px;font-weight:800}.lb-logo b{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.login-brand h1{font-size:clamp(34px,4vw,52px);font-weight:900;margin:40px 0 16px;line-height:1.1}.login-brand h1 span{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.login-brand p{color:var(--muted);font-size:16px}.login-form-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:min(400px,100%);background:var(--bg-elev);border:1px solid var(--border);border-radius:20px;padding:34px}.login-card h2{font-size:22px;font-weight:800;margin-bottom:6px}.login-card .sub{color:var(--muted);font-size:14px;margin-bottom:18px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-elev2);border-radius:11px;padding:4px;margin-bottom:20px}.mode-tabs button{padding:9px;border:none;background:none;border-radius:8px;color:var(--muted);font-weight:700;cursor:pointer}.mode-tabs button.on{background:var(--bg-hover);color:var(--text)}.login-card input{width:100%;padding:13px 15px;background:var(--bg-elev2);border:1.5px solid var(--border);border-radius:11px;font-size:15px;outline:none;margin-bottom:12px}.login-card input:focus{border-color:var(--accent)}.form-err{color:var(--danger);font-size:13px;font-weight:600;margin-bottom:10px}.back-link{display:block;text-align:center;color:var(--muted);font-size:13.5px;margin-top:16px}@media(max-width:820px){#app,#app.no-player,#app.has-player{display:block;grid-template-columns:none;grid-template-rows:none;height:100vh;height:100dvh}#sidebar,.login-brand{display:none}#content{height:100vh;height:100dvh;display:flex;flex-direction:column}#main{padding:6px 16px calc(var(--mobilenav-h) + 26px)}#app.has-player #main{padding-bottom:calc(var(--mobilenav-h) + var(--player-h-m) + 30px)}.page-title{font-size:22px}#topbar{padding:10px 12px;gap:8px;flex-wrap:nowrap}#topbar .topbar-nav{display:none}.tb-brand-m{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;min-width:0;flex:0 1 auto}.tb-brand-m img{border-radius:8px;flex-shrink:0}.tb-brand-m span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-brand-m b{color:var(--accent)}.tb-lang-m{display:inline-flex;align-items:center;background:var(--bg-elev2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}#topbar .btn{white-space:nowrap;flex-shrink:0;padding:7px 12px}#topbar .tb-admin{padding:7px 10px}.tb-admin-label{display:none}#topbar .user-chip>span:not(.avatar){display:none}#topbar .user-chip{padding:5px;flex-shrink:0}#app .lang-toggle{display:none}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(var(--mobilenav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg-elev) 94%,transparent);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid var(--border)}.mnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:600;transition:color .15s ease}.mnav-item svg{opacity:.92;transition:transform .15s ease}.mnav-item.active{color:var(--accent)}.mnav-item.active svg{transform:translateY(-1px);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 65%,transparent))}#app #playerbar{position:fixed;left:8px;right:8px;bottom:calc(var(--mobilenav-h) + env(safe-area-inset-bottom) + 7px);display:grid;grid-template-columns:1fr auto;grid-template-areas:"track ctrl" "wave wave";align-items:center;column-gap:8px;row-gap:3px;height:var(--player-h-m);padding:6px 12px 8px;border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 34px -10px #000000a8;z-index:55}#app #playerbar .pb-center,#app #playerbar .pbx-side{display:none}#app #playerbar .pb-track{grid-area:track;min-width:0;gap:10px}#app #playerbar .pbx-cover-btn.pbx-vinyl,#app #playerbar .pbx-vinyl .pb-cover{width:42px;height:42px}#app #playerbar .pb-title{font-size:13.5px}#app #playerbar .pb-artist{font-size:12px}#app #playerbar .pbx-mini-ctrl{grid-area:ctrl;display:flex;align-items:center;gap:1px}.pbx-mini-prev,.pbx-mini-play,.pbx-mini-next{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text);cursor:pointer;border-radius:50%;width:36px;height:36px}.pbx-mini-play{background:var(--text);color:var(--bg);width:42px;height:42px}.pbx-mini-prev:active,.pbx-mini-play:active,.pbx-mini-next:active{transform:scale(.9)}#app #playerbar .pbx-mobile-wave{grid-area:wave;display:block;position:relative;height:22px;cursor:pointer;touch-action:none;overflow:hidden;border-radius:5px}.pbx-mobile-wave-inner{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.pbx-mobile-wave-inner canvas{max-height:22px}.c3d-toast{bottom:calc(var(--mobilenav-h) + var(--player-h-m) + 26px)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.track-row{gap:10px;padding:8px 6px}.track-row .tr-actions{opacity:1;transform:none}.track-row .tr-info,.track-row .tr-dl{display:none}.tr-btn{width:34px;height:34px}}.topbar-nav{display:flex;gap:8px}.topbar-nav button{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-elev2);color:var(--muted);font-size:18px;cursor:pointer}.topbar-nav button:hover{color:var(--text);background:var(--bg-hover)}.user-menu{display:flex;align-items:center;gap:10px}.btn-ghost{border:1px solid var(--border);background:var(--bg-elev2);color:var(--text)}.btn-sm{padding:7px 14px;font-size:13px;border-radius:8px}.btn-ghost:hover{background:var(--bg-hover)}.lang-toggle{position:fixed;left:16px;bottom:calc(var(--player-h) + 16px);z-index:40;background:var(--bg-elev2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #0006}.lang-toggle:hover{color:var(--text);border-color:var(--accent)}#app.no-player{grid-template-rows:minmax(0,1fr)}#app.no-player .lang-toggle{bottom:16px}.sb-lib{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin-top:4px;border-top:1px solid var(--border);padding-top:10px}.sb-lib-head{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:2px 10px 6px}.sb-lib-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}.sb-lib-list::-webkit-scrollbar{width:6px}.sb-lib-list::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:999px}.sb-liked{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:9px}.sb-liked:hover{background:var(--bg-hover)}.sb-liked-ic{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:17px;background:linear-gradient(135deg,#ff5a8a,#7c5cff);box-shadow:0 6px 16px -8px #0009}.sb-liked-meta{min-width:0;display:flex;flex-direction:column}.sb-liked-title{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-liked-sub{font-size:11.5px;color:var(--muted)}.sb-pl{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:9px;color:var(--muted)}.sb-pl:hover{background:var(--bg-hover);color:var(--text)}.sb-pl-ic{width:30px;height:30px;border-radius:7px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;font-size:13px;color:#fff}.sb-pl-ic img{width:100%;height:100%;object-fit:cover}.sb-pl-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}