:root{--bg: #0a0a0d;--text: #f4f4f6;--muted: #9b9ba3;--accent: #1ed760;--accent-strong: #46e88c;--stroke: rgba(255, 255, 255, .09);--stroke-bright: rgba(255, 255, 255, .18);--glass-hi: rgba(255, 255, 255, .07);--glass-lo: rgba(255, 255, 255, .028);--hl: inset 0 1px 0 rgba(255, 255, 255, .12);--shadow: 0 24px 60px rgba(0, 0, 0, .5);--radius: 22px;--player-h: 84px;--font-display: "Space Grotesk", "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);overflow:hidden;font-family:Plus Jakarta Sans,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 700px at 75% -20%,rgba(255,255,255,.045),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(255,255,255,.03),transparent 55%),var(--bg)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}img{display:block}a{color:inherit}h1,h2,h3,p{margin:0}::selection{background:#1ed7604d}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:content-box;border:3px solid transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.sidebar,.main,.playerbar,.tabbar,.modal,.auth-card,.listening-card{background:linear-gradient(165deg,var(--glass-hi),var(--glass-lo) 45%,rgba(255,255,255,.045));-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--stroke);box-shadow:var(--hl),var(--shadow)}.shell{display:grid;grid-template-columns:272px 1fr;grid-template-rows:1fr auto auto auto;gap:10px;height:100dvh;padding:10px}.sidebar{border-radius:var(--radius);padding:20px 12px 12px;display:flex;flex-direction:column}.main{border-radius:var(--radius);overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#ffffff0d,#ffffff04 340px),#ffffff05}.content{padding:30px 34px 34px;min-height:100%;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 22px}.brand-mark{width:40px;height:40px;border-radius:14px;flex:none;background:linear-gradient(135deg,#1ed760,#0e7a37);display:grid;place-items:center;color:#fff}.brand-name{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.3px}.brand-name em{font-style:normal;color:var(--accent)}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:12px;color:var(--muted);font-weight:700;font-size:14.5px;text-decoration:none;transition:color .15s,background .15s,box-shadow .15s}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#ffffff17;box-shadow:var(--hl);border:1px solid var(--stroke)}.userchip{margin-top:auto;display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid var(--stroke);border-radius:14px;padding:9px 10px}.userchip-name{flex:1;min-width:0;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.avatar{width:40px;height:40px;border-radius:50%;flex:none;background:linear-gradient(135deg,#1ed760,#0e7a37);color:#04150a;display:grid;place-items:center;font-weight:800;font-size:17px;text-transform:uppercase}.avatar.big{width:42px;height:42px;font-size:17px}.iconbtn{width:32px;height:32px;border-radius:9px;flex:none;display:grid;place-items:center;color:var(--muted);transition:.15s}.iconbtn:hover{color:#fff;background:#ffffff1a}.page-h1{font-family:var(--font-display);font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.6px}.page-sub{color:var(--muted);font-size:14px;margin-top:5px}.section-title{font-family:var(--font-display);font-size:21px;font-weight:700;margin:34px 0 16px;letter-spacing:-.3px}.btn-accent{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#04150a;font-weight:800;font-size:14px;padding:12px 26px;border-radius:999px;box-shadow:0 10px 24px #00000059;transition:transform .15s,background .15s}.btn-accent:hover{background:var(--accent-strong);transform:scale(1.04)}.btn-ghost{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--stroke-bright);border-radius:999px;color:var(--muted);font-weight:700;font-size:13px;padding:9px 16px;transition:.15s;background:#ffffff08}.btn-ghost:hover{color:#fff;border-color:#fff}.btn-more{display:block;margin:18px auto 0;padding:10px 26px;border:1px solid var(--stroke-bright);border-radius:999px;color:var(--muted);font-weight:700;font-size:13px;transition:.15s}.btn-more:hover{color:#fff;border-color:#fff}.spinning{animation:spin 1s linear infinite}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff0a;border:1px solid var(--stroke);box-shadow:var(--hl);padding:24px 26px;border-radius:18px;margin:28px 0 6px}.hero h2{font-family:var(--font-display);font-size:21px;font-weight:700}.hero p{color:var(--muted);font-size:13.5px;margin-top:3px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:16px}.row-scroll{grid-auto-flow:column;grid-auto-columns:176px;overflow-x:auto;padding-bottom:10px}.tilt{position:relative;transition:transform .25s cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d;will-change:transform}.tilt .sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;z-index:2}.card{background:#ffffff0b;border:1px solid var(--stroke);box-shadow:var(--hl);padding:14px;border-radius:18px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.7,.3,1),background .2s}.card:hover{background:#ffffff14}.card-art{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:#ffffff8c;margin-bottom:12px;box-shadow:0 12px 28px #00000059}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .card-art img{transform:scale(1.06)}.card-play{position:absolute;right:8px;bottom:8px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#04150a;display:grid;place-items:center;opacity:0;transform:translateY(10px);transition:.22s;box-shadow:0 8px 20px #00000080}.card:hover .card-play{opacity:1;transform:none}.card-play:hover{background:var(--accent-strong);transform:scale(1.06)}.card-title{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{color:var(--muted);font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracklist{margin-top:10px}.thead,.trow{display:grid;grid-template-columns:32px 48px minmax(0,1.4fr) minmax(0,1fr) 36px 36px 64px;gap:12px;align-items:center;padding:8px 12px}.thead{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--stroke);margin-bottom:6px;padding-bottom:10px;position:sticky;top:0;z-index:2;background:#0a0a0db8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.trow{border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.trow:hover{background:#ffffff0f}.trow.current{background:#1ed76014}.trow.current .t-title{color:var(--accent)}.trow.disabled{opacity:.35;cursor:not-allowed}.tidx{position:relative;width:24px;display:grid;place-items:center;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.tidx .hov{display:none;color:#fff}.trow:hover .tidx .num{display:none}.trow:hover .tidx .hov{display:grid;place-items:center}.tart{width:44px;height:44px;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:#ffffff8c;flex:none;box-shadow:0 6px 16px #0000004d}.tart img{width:100%;height:100%;object-fit:cover}.t-main{min-width:0;display:flex;flex-direction:column;gap:2px}.t-title{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-artist,.t-album{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-time{color:var(--muted);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.trow{position:relative}.t-like,.t-menu{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--muted);opacity:0;transition:opacity .12s,color .12s,transform .12s}.t-like.on{opacity:1;color:var(--accent)}.trow:hover .t-like,.trow:hover .t-menu{opacity:1}.t-like:hover,.t-menu:hover{color:#fff;transform:scale(1.12)}.t-like.on:hover{color:var(--accent-strong)}.trow.dragover{background:#1ed7601f;box-shadow:inset 0 2px 0 var(--accent)}.trow[draggable=true]{cursor:grab}.eq{display:inline-flex;align-items:flex-end;gap:2.5px;height:14px;margin-left:8px;vertical-align:middle}.eq span{width:3px;height:6px;background:var(--accent);border-radius:1px;animation:eq 1s ease-in-out infinite}.eq span:nth-child(2){animation-delay:.25s}.eq span:nth-child(3){animation-delay:.5s}@keyframes eq{0%,to{height:5px}50%{height:14px}}.rowmenu{position:absolute;right:6px;top:88%;z-index:40;min-width:220px;max-height:300px;overflow-y:auto;background:#202026eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--stroke-bright);border-radius:14px;padding:6px;box-shadow:var(--hl),0 20px 50px #0009}.rm-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:6px 10px 4px}.rm-empty{padding:6px 10px;color:var(--muted);font-size:13px}.rm-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border-radius:8px;color:#ddd;font-size:13.5px;font-weight:600}.rm-item:hover{background:#ffffff1a;color:#fff}.rm-item.danger{color:#ff6b78}.rm-sep{height:1px;background:#ffffff14;margin:5px 4px}.playerbar{grid-column:1 / -1;height:var(--player-h);border-radius:var(--radius);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 18px}.pb-left{display:flex;align-items:center;gap:13px;min-width:0}.pb-left.clickable{cursor:pointer;border-radius:14px;padding:4px;margin-left:-4px;transition:background .15s}.pb-left.clickable:hover{background:#ffffff0f}.pb-art{width:54px;height:54px;border-radius:12px;overflow:hidden;flex:none;display:grid;place-items:center;color:#ffffff8c;box-shadow:0 8px 20px #0006}.pb-art img{width:100%;height:100%;object-fit:cover}.pb-meta{min-width:0}.pb-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.pb-title .eq{flex:none}.pb-artist{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-center{display:flex;flex-direction:column;align-items:center;gap:7px;width:min(580px,44vw)}.pb-buttons{display:flex;align-items:center;gap:16px}.pb-btn{color:#b3b3b3;display:grid;place-items:center;transition:color .15s,transform .1s}.pb-btn:hover{color:#fff;transform:scale(1.08)}.pb-btn.on{color:var(--accent)}.pb-btn.play{width:42px;height:42px;border-radius:50%;background:#fff;color:#0a0a0d;box-shadow:0 6px 16px #0006}.pb-btn.play:hover{transform:scale(1.07);color:#0a0a0d}.pb-btn.heart{margin-left:2px}.pb-btn.heart.on{color:var(--accent)}.pb-btn.heart.on:hover{color:var(--accent-strong)}.pb-seek{display:flex;align-items:center;gap:10px;width:100%}.pb-time{font-size:11.5px;color:var(--muted);min-width:38px;font-variant-numeric:tabular-nums}.pb-right{display:flex;align-items:center;gap:10px;justify-content:flex-end}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:3px;cursor:pointer;outline:none;transition:filter .15s}.slider:hover{filter:brightness(1.3)}.slider.seek{flex:1}.slider.vol{width:110px}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;opacity:0;transition:opacity .15s;box-shadow:0 2px 6px #00000080}.slider:hover::-webkit-slider-thumb,.slider:active::-webkit-slider-thumb{opacity:1}.slider::-moz-range-thumb{width:13px;height:13px;border:none;border-radius:50%;background:#fff;opacity:0;transition:opacity .15s}.slider:hover::-moz-range-thumb{opacity:1}.spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.spin-accent{border-color:#ffffff26;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash{height:100dvh;display:grid;place-items:center}.np-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;padding:max(20px,env(safe-area-inset-top)) 24px 34px;overflow-y:auto;animation:npIn .38s cubic-bezier(.2,.7,.3,1)}@keyframes npIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.np-top{width:100%;max-width:680px;display:flex;align-items:center;justify-content:space-between}.np-label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:11px;color:var(--muted)}.np-close{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--muted);background:#ffffff0f;border:1px solid var(--stroke);transition:.15s}.np-close:hover{color:#fff;background:#ffffff1f}.np-art{width:min(44vh,360px);aspect-ratio:1;border-radius:26px;overflow:hidden;display:grid;place-items:center;color:#ffffff80;margin-top:4vh;box-shadow:0 34px 90px #0009}.np-art img{width:100%;height:100%;object-fit:cover}.np-meta{text-align:center;margin-top:26px;max-width:90vw}.np-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.4px;display:flex;align-items:center;justify-content:center}.np-artist{color:var(--muted);font-size:15px;margin-top:6px}.np-seek{width:min(560px,100%);margin-top:24px}.np-times{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px}.np-controls{display:flex;align-items:center;gap:18px;margin-top:18px}.np-btn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:color .15s,transform .12s}.np-btn:hover{color:#fff;transform:scale(1.07)}.np-btn.on{color:var(--accent)}.np-btn.small{width:38px;height:38px}.np-btn.play{width:66px;height:66px;background:#fff;color:#0a0a0d}.np-btn.play:hover{transform:scale(1.05);color:#0a0a0d}.np-vol{display:flex;align-items:center;gap:10px;width:min(300px,70vw);margin-top:16px}.np-next{width:min(560px,100%);margin-top:26px}.np-next-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.np-next-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 10px;border-radius:12px;cursor:pointer}.np-next-row:hover{background:#ffffff0f}.np-next-art{width:40px;height:40px;border-radius:8px;overflow:hidden;display:grid;place-items:center;color:#ffffff80}.np-next-art img{width:100%;height:100%;object-fit:cover}.np-next-name{min-width:0;display:flex;flex-direction:column}.np-next-name b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-next-name i{font-style:normal;font-size:12px;color:var(--muted)}.np-next-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.search-box{display:flex;align-items:center;gap:12px;max-width:580px;background:#ffffff0d;border:1px solid var(--stroke);border-radius:999px;padding:13px 20px;margin:20px 0 22px;color:var(--muted);transition:border-color .15s,background .15s}.search-box:focus-within{border-color:var(--stroke-bright);background:#ffffff14}.search-box input{flex:1;background:none;border:none;outline:none;color:#fff;font:inherit;font-size:15px}.search-box input::placeholder{color:#77777f}.search-box.slim{padding:9px 16px;margin:0 0 16px}.lib-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0 18px}.stat{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid var(--stroke);box-shadow:var(--hl);border-radius:16px;padding:14px 16px;color:var(--accent)}.stat div{display:flex;flex-direction:column}.stat b{color:#fff;font-family:var(--font-display);font-size:21px;line-height:1.1}.stat span{color:var(--muted);font-size:12px}.listening-card{border-radius:18px;padding:16px 18px;margin:2px 0 20px}.listening-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.listening-head h2{font-family:var(--font-display);font-size:16px;font-weight:700}.listening-count{margin-left:auto;color:var(--muted);font-size:12.5px;font-weight:700}.live-dot{width:9px;height:9px;border-radius:50%;background:#4a4a52}.live-dot.on{background:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.listening-empty{color:var(--muted);font-size:13.5px;padding:10px 2px 6px}.listening-list{display:flex;flex-direction:column}.listening-row{display:grid;grid-template-columns:36px auto auto minmax(0,1fr) auto;grid-template-areas:"av user arrow track ago";gap:12px;align-items:center;padding:9px 4px;border-top:1px solid rgba(255,255,255,.05)}.listening-row:first-child{border-top:none}.l-av{grid-area:av;width:34px;height:34px;font-size:14px}.l-user{grid-area:user;font-weight:700;font-size:14px;text-transform:capitalize}.l-arrow{grid-area:arrow;color:var(--muted)}.l-track{grid-area:track;min-width:0;display:flex;flex-direction:column}.l-track b{font-size:13.5px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-track i{font-style:normal;font-size:12px;color:var(--muted)}.l-ago{grid-area:ago;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.tabs{display:flex;gap:6px;background:#ffffff0a;border:1px solid var(--stroke);padding:4px;border-radius:999px;width:fit-content;margin:4px 0 18px}.tab{padding:8px 18px;border-radius:999px;color:var(--muted);font-weight:700;font-size:13px}.tab.on{background:#fff;color:#0a0a0d}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--stroke-bright);border-radius:999px;padding:8px 14px;color:var(--muted);font-weight:700;font-size:13px;transition:.15s;background:#ffffff08}.chip:hover{color:#fff}.chip.on{background:#fff;color:#0a0a0d;border-color:#fff}.chip-count{font-size:11px;opacity:.7}.setting-card{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid var(--stroke);box-shadow:var(--hl);border-radius:16px;padding:14px 16px;margin-bottom:18px}.setting-info{flex:1}.setting-title{font-weight:700;font-size:14.5px}.setting-desc{color:var(--muted);font-size:12.5px;margin-top:2px}.switch{width:46px;height:26px;border-radius:999px;background:#3a3a41;position:relative;transition:background .2s;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(20px)}.admin-table{display:flex;flex-direction:column;gap:8px}.urow,.trow-admin{background:#ffffff0a;border:1px solid var(--stroke);border-radius:14px;padding:10px 14px}.urow{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:14px;align-items:center}.urow.pending{border-left:3px solid #f0b429}.trow-admin{display:grid;grid-template-columns:minmax(0,1.6fr) auto auto auto;gap:12px;align-items:center}.u-name{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;text-transform:capitalize}.u-date{color:var(--muted);font-size:12.5px;margin-top:2px}.u-actions{display:flex;gap:8px;flex-wrap:wrap}.badge{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:3px 9px}.badge.green{background:#1ed76026;color:#3fe47f}.badge.amber{background:#f0b42924;color:#f0b429}.badge.red{background:#e9142924;color:#ff6b78}.badge.gray{background:#ffffff1a;color:var(--muted)}.btn-mini{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--stroke-bright);border-radius:999px;padding:7px 14px;color:#ddd;font-weight:700;font-size:12.5px;transition:.15s;background:#ffffff08}.btn-mini:hover{border-color:#fff;color:#fff}.btn-mini.accent{background:var(--accent);border-color:var(--accent);color:#04150a}.btn-mini.accent:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#04150a}.btn-mini.danger{border-color:#e9142980;color:#ff6b78}.btn-mini.danger:hover{border-color:#ff6b78;background:#e914291a;color:#ff8b96}.btn-mini.solid{background:#e91429;border-color:#e91429;color:#fff}.btn-mini.solid:hover{background:#ff3347;border-color:#ff3347;color:#fff}.btn-mini:disabled{opacity:.5;cursor:default}.edit-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.edit-grid .inline-input{flex:1;min-width:140px}.inline-input{background:#ffffff0f;border:1px solid var(--stroke-bright);border-radius:10px;padding:8px 10px;color:#fff;font:inherit;font-size:13px;outline:none}.inline-input:focus{border-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}.modal{width:100%;max-width:380px;border-radius:20px;padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h3{font-family:var(--font-display);font-size:16px;font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.modal .field{margin-bottom:0}.pl-section{margin-top:14px;display:flex;flex-direction:column;flex:1;min-height:60px}.pl-head{display:flex;align-items:center;justify-content:space-between;padding:0 10px 8px;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}.pl-add{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:var(--muted)}.pl-add:hover{color:#fff;background:#ffffff1a}.pl-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.pl-empty{padding:4px 10px;color:#6f6f76;font-size:12.5px}.pl-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:600;text-decoration:none}.pl-item:hover{color:#fff;background:#ffffff0f}.pl-item.active{color:#fff;background:#ffffff17}.pl-item .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-item .cnt{font-size:11px;color:#6f6f76}.pl-hero{display:flex;align-items:flex-end;gap:20px;margin:10px 0 26px;flex-wrap:wrap}.pl-art{width:150px;height:150px;border-radius:20px;display:grid;place-items:center;color:#ffffffeb;box-shadow:0 20px 50px #00000080}.pl-art.liked{background:linear-gradient(135deg,#4a2aa8,#c4a5ff)}.pl-art.mix{background:linear-gradient(135deg,#1f6f5f,#7ce3c4)}.pl-info h1{font-family:var(--font-display);font-size:clamp(26px,3.5vw,42px);font-weight:700;letter-spacing:-.5px;margin:6px 0 10px}.pl-meta{color:var(--muted);font-size:13px}.pl-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.empty{text-align:center;color:var(--muted);padding:70px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty h2{color:#fff;font-family:var(--font-display);font-size:20px}.empty p{font-size:14px;max-width:340px}.skel{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:12px}@keyframes shimmer{to{background-position:-200% 0}}.skel-card{height:224px}.skel-row{height:60px;margin-bottom:8px}.auth-page{height:100dvh;overflow-y:auto;display:flex;padding:28px 16px;background:radial-gradient(1000px 600px at 70% -10%,rgba(255,255,255,.05),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:420px;margin:auto;border-radius:24px;padding:40px 36px;text-align:center}.auth-brand{justify-content:center;padding-bottom:18px}.auth-card h1{font-family:var(--font-display);font-size:25px;font-weight:700}.auth-sub{color:var(--muted);font-size:14px;margin:8px 0 24px;line-height:1.55}.field{width:100%;background:#ffffff0f;border:1px solid var(--stroke);border-radius:12px;padding:13px 15px;color:#fff;font:inherit;font-size:14px;margin-bottom:12px;outline:none;transition:border-color .15s,background .15s}.field:focus{border-color:var(--stroke-bright);background:#ffffff17}.pw-wrap{position:relative}.pw-wrap .field{padding-right:46px}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#77777f;transition:color .15s}.pw-eye:hover{color:#fff}.hint{font-size:12px;color:#77777f;text-align:left;margin:-6px 0 12px}.auth-btn{width:100%;background:var(--accent);color:#04150a;font-weight:800;border-radius:999px;padding:13px;margin-top:4px;transition:background .15s;display:flex;align-items:center;justify-content:center}.auth-btn:hover{background:var(--accent-strong)}.auth-btn:disabled{opacity:.55;cursor:default}.err{background:#e914291f;color:#ff8b96;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px;text-align:left}.auth-alt{margin-top:20px;color:var(--muted);font-size:14px}.auth-alt a{color:#fff;font-weight:700}.pending-icon{width:68px;height:68px;margin:0 auto 14px;border-radius:50%;background:#1ed76024;display:grid;place-items:center;color:var(--accent)}.footer{grid-column:1 / -1;padding:4px 0 2px;text-align:center;color:#8b8b92;font-size:12.5px}.footer .heart{color:#ff4d6d}.footer a{color:#c9c9cf;font-weight:700;text-decoration:none;transition:color .15s}.footer a:hover{color:#fff}.mobile-top{display:none}.tabbar{grid-column:1 / -1;display:none;border-radius:var(--radius);height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.tab-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:700;text-decoration:none}.tab-item.active{color:#fff}@media(max-width:900px){.shell{grid-template-columns:1fr;padding:6px;gap:8px}.sidebar{display:none}.tabbar{display:flex}.content{padding:18px 16px 24px}.mobile-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.mobile-top .avatar{width:34px;height:34px;font-size:15px}.mobile-top-name{flex:1;font-weight:800;font-size:16px;text-transform:capitalize}.page-h1{font-size:25px}.playerbar{height:66px;grid-template-columns:minmax(0,1fr) auto}.pb-seek,.pb-right{display:none}.pb-center{flex-direction:row;width:auto;gap:16px}.pb-art{width:44px;height:44px}.thead,.col-album,.t-like{display:none}.trow{grid-template-columns:24px 44px minmax(0,1fr) 34px 52px;padding:8px 6px}.hero{flex-direction:column;align-items:flex-start}.urow{grid-template-columns:42px minmax(0,1fr) auto}.u-actions{grid-column:1 / -1;justify-content:flex-end}.trow-admin{grid-template-columns:minmax(0,1fr) auto}.listening-row{grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"av user ago" "av track track";row-gap:2px}.l-arrow{display:none}.np-art{width:min(52vw,300px)}.np-controls{gap:14px}.footer{font-size:11px;padding:2px 0 0}}@media(min-width:901px)and (max-width:1100px){.thead,.trow{grid-template-columns:32px 48px minmax(0,1.4fr) 36px 36px 64px}.col-album{display:none}}@media(prefers-reduced-motion:reduce){.tilt{transition:none}.np-overlay,.eq span,.spinner,.spinning,.live-dot{animation:none}}.tilt{border-radius:18px;transform:perspective(750px) rotateX(0) rotateY(0)}.tilt:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:inherit;box-shadow:0 36px 60px #00000080;transform:translateZ(-30px) translate(var(--shx, 0px),var(--shy, 0px));transition:transform .3s cubic-bezier(.2,.7,.3,1);pointer-events:none}.tilt .sheen{transform:translateZ(70px);border-radius:inherit}.z-art{transform:translateZ(26px);transition:transform .3s cubic-bezier(.2,.7,.3,1)}.z-text{transform:translateZ(14px);transition:transform .3s cubic-bezier(.2,.7,.3,1)}.tilt:hover .z-art{transform:translateZ(44px)}.tilt:hover .z-text{transform:translateZ(24px)}.np-float{margin-top:4vh;animation:npFloat 6s ease-in-out infinite}.tilt.np-tilt{border-radius:26px}.np-art{margin-top:0}@keyframes npFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.btn-accent:active,.pb-btn.play:active,.np-btn.play:active,.card-play:active{transform:scale(.95) translateY(1px)}.pb-btn.play,.np-btn.play{box-shadow:0 8px 18px #0006,inset 0 1px #ffffff59}.np-next,.np-next-label,.np-next-row,.np-next-art,.np-next-name,.np-next-time{display:none}@media(prefers-reduced-motion:reduce){.tilt{transform:none!important}.tilt:after{display:none}.z-art,.z-text{transform:none!important;transition:none}.np-float{animation:none}}@media(min-width:1500px)and (min-height:900px){.content{padding:42px 48px 46px}.page-h1{font-size:clamp(34px,2.8vw,46px)}.section-title{font-size:24px;margin:44px 0 20px}.hero{padding:30px 32px;border-radius:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(204px,1fr));gap:20px}.row-scroll{grid-auto-columns:210px}.card{padding:16px;border-radius:20px}.thead,.trow{padding:11px 14px}.tart{width:52px;height:52px;border-radius:12px}.t-title{font-size:15.5px}.t-artist,.t-album{font-size:14px}.playerbar{height:92px}.pb-art{width:60px;height:60px}.stat b{font-size:24px}}@media(min-width:1700px)and (min-height:1100px){.content{padding:52px 60px 56px}.grid{grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:22px}.row-scroll{grid-auto-columns:230px}.tart{width:56px;height:56px}}.np-float{flex:1 1 auto;display:grid;place-items:center;min-height:0;margin-top:3vh;animation:npFloat 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.np-float{animation:none}}@media(max-width:900px){.tabbar{position:relative;z-index:220}.np-overlay{bottom:calc(74px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;padding:14px 22px 18px;box-shadow:0 -30px 80px #0000008c}.np-art{width:min(72vw,34vh);border-radius:22px}.np-meta{margin-top:16px}.np-title{font-size:22px}.np-seek{margin-top:16px}.np-controls{margin-top:12px;gap:30px}.np-btn.play{width:66px;height:66px}.np-vol{margin-top:14px;width:min(320px,80vw)}.trow .t-menu{opacity:1}}.tab-item{padding:0 2px}@media(max-width:900px){.tab-item span{font-size:10px}}.cardwrap{position:relative}.card-title-row{display:flex;align-items:center;gap:6px}.card-title{flex:1;min-width:0}.card-menu{width:27px;height:27px;border-radius:9px;flex:none;display:grid;place-items:center;color:var(--muted);transition:color .15s,background .15s}.card-menu:hover{color:#fff;background:#ffffff1f}.plcards{margin-top:26px}.plcard-icon{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#1f6f5f,#7ce3c4);display:grid;place-items:center;color:#ffffffeb;margin-bottom:12px;box-shadow:0 12px 28px #00000059}.homemenu{width:250px;min-width:250px;max-width:calc(100vw - 16px)}.card-menu.open{color:#fff;background:#ffffff1f}