:root{--accent: #1DB954;--accent-hover: #1ed760;--on-accent: #000000;--danger: #f16d6d;--danger-border: color-mix(in srgb, var(--danger) 45%, transparent);--danger-bg: color-mix(in srgb, var(--danger) 14%, transparent);--warning: #e0a12e;--white: #ffffff;--overlay: rgba(0, 0, 0, .55);--scrollbar: #4d4d4d;--scrollbar-hover: #6a6a6a;--fs-1: 11px;--fs-2: 12px;--fs-3: 13px;--fs-4: 14px;--fs-5: 16px;--fs-h3: 18px;--fs-h2: 20px;--fs-h1: 24px;--bg: #121212;--bg-elevated: #181818;--bg-card: #181818;--bg-card-hover: #282828;--bg-header: #070707;--sidebar: #000000;--text: #ffffff;--text-muted: #b3b3b3;--text-faint: #6a6a6a;--border: #2a2a2a;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-pill: 500px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font: "Circular", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow: 0 8px 24px rgba(0, 0, 0, .5);--shadow-cover: 0 4px 60px rgba(0, 0, 0, .5);--player-h: 90px;--topbar-h: 64px;--mini-h: 58px;--tabbar-h: 58px}:root[data-mode=light]{--bg: #ffffff;--bg-elevated: #f5f5f5;--bg-card: #f7f7f7;--bg-card-hover: #ececec;--bg-header: #ffffff;--sidebar: #f2f2f2;--text: #000000;--text-muted: #555555;--text-faint: #999999;--border: #e2e2e2;--on-accent: #ffffff;--scrollbar: #c4c4c4;--scrollbar-hover: #a0a0a0;--danger: #d94b4b}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:14px;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}input[type=color],input[type=range],input[type=checkbox],input[type=radio],input[type=file]{background:none;border:none;padding:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:6px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover);background-clip:content-box}.spinner-wrap{height:100%;display:grid;place-items:center;background:var(--bg)}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-note{color:var(--text-muted);font-size:var(--fs-4);padding:var(--space-6) 0}.btn-accent{background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius-pill);padding:var(--space-3) var(--space-8);font-weight:700;font-size:15px;transition:transform .1s,background .1s}.btn-accent:hover{background:var(--accent-hover);transform:scale(1.04)}.icon-btn{background:none;border:none;color:var(--text-muted);display:inline-grid;place-items:center;position:relative;transition:color .12s,transform .12s,opacity .12s;padding:4px}.icon-btn:hover{color:var(--text)}.icon-btn.active{color:var(--accent)}.icon-btn.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.icon-btn.big{padding:8px}.icon-btn.big:hover{transform:scale(1.05)}.repeat-one{position:absolute;top:-4px;right:-2px;font-size:9px;font-weight:700}.green-play{border-radius:50%;background:var(--accent);color:var(--on-accent);border:none;display:grid;place-items:center;flex:none;box-shadow:0 8px 16px #0000004d;transition:transform .1s,background .1s}.green-play:hover{transform:scale(1.05);background:var(--accent-hover)}.green-play:active{transform:scale(.98)}.play-circle{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--on-accent);border:none;display:grid;place-items:center;box-shadow:var(--shadow)}.play-circle:hover{transform:scale(1.06);background:var(--accent-hover)}.app-shell{display:grid;grid-template-columns:280px 1fr;grid-template-rows:1fr auto;height:100%;gap:var(--space-2);padding:var(--space-2);padding-bottom:0;background:#000}.sidebar{grid-row:1 / 2;display:flex;flex-direction:column;gap:var(--space-2);min-height:0;overflow:hidden}.nav-group{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column}.sidebar .brand{padding:var(--space-3) var(--space-2) var(--space-2);font-weight:900;font-size:22px;letter-spacing:-.5px}.nav-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:700;font-size:15px;transition:color .1s}.nav-link:hover,.nav-link.active{color:var(--text)}.lib-panel{background:var(--bg-elevated);border-radius:var(--radius-lg);flex:1;display:flex;flex-direction:column;min-height:0}.lib-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4) var(--space-2)}.lib-head-title{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-weight:700;font-size:15px}.lib-head-title:hover{color:var(--text)}.lib-create{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--text-muted);display:grid;place-items:center;transition:background .1s,color .1s}.lib-create:hover{background:var(--bg-card-hover);color:var(--text)}.lib-list{overflow-y:auto;padding:0 var(--space-2) var(--space-2);flex:1}.lib-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius)}.lib-item:hover{background:var(--bg-card-hover)}.lib-item-cover,.liked-cover{width:48px;height:48px;border-radius:var(--radius-sm);flex:none}.liked-cover{display:grid;place-items:center;background:linear-gradient(135deg,#450af5,#8e8ee5);color:var(--white)}.lib-item-txt{display:flex;flex-direction:column;min-width:0}.lib-item-name{color:var(--text);font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-item-sub{color:var(--text-muted);font-size:var(--fs-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{grid-row:1 / 2;background:var(--bg);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;position:relative;min-width:0}.main-scroll{overflow-y:auto;overflow-x:hidden;flex:1}.main-inner{min-height:100%}.home-page,.search-page,.detail-body,.lib-page{padding:0 var(--space-6) var(--space-8)}.home-page,.search-page,.lib-page{padding-top:var(--space-2)}.topbar{position:sticky;top:0;z-index:5;height:var(--topbar-h);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);transition:background .2s}.topbar.scrolled{background:var(--bg-header)}.topbar-nav{display:flex;gap:var(--space-2)}.nav-btn{width:32px;height:32px;border-radius:50%;background:#000000b3;border:none;color:var(--text);display:grid;place-items:center}.nav-btn:hover{transform:scale(1.05)}.topbar-search{position:relative;flex:1;max-width:364px;display:flex;align-items:center}.ts-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.ts-input{width:100%;background:var(--bg-elevated);border:1px solid transparent;color:var(--text);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-4) var(--space-3) 44px;font-size:14px;font-family:inherit}.ts-input:focus{outline:none;border-color:var(--text)}.topbar-spacer{flex:1}.user-menu{position:relative}.user-chip{display:grid;place-items:center;background:#000000b3;border:none;border-radius:50%;padding:4px}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:var(--on-accent);font-weight:700;font-size:14px}.dropdown{position:absolute;right:0;top:46px;background:#282828;border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:200px;padding:var(--space-1);z-index:20}.dropdown a,.dropdown button{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:var(--space-3);border-radius:2px;font-size:14px;font-family:inherit}.dropdown a:hover,.dropdown button:hover{background:var(--bg-card-hover)}.dropdown-sep{height:1px;background:var(--border);margin:var(--space-1) 0}.player-region{grid-column:1 / -1;grid-row:2 / 3;padding:0 var(--space-2)}.home-greeting{font-size:clamp(24px,3vw,32px);font-weight:800;margin:var(--space-6) 0 var(--space-2)}.section{margin-top:var(--space-6)}.section-tight{margin-top:var(--space-4)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.section-head h2,.section-h2{font-size:clamp(20px,2vw,24px);font-weight:700;letter-spacing:-.5px}.section-title-link:hover h2{text-decoration:underline}.see-all{color:var(--text-muted);font-size:var(--fs-3);font-weight:700;letter-spacing:.04em}.see-all:hover{text-decoration:underline}.row-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:repeat(var(--cols, 6),minmax(0,1fr));gap:var(--space-2);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.row-scroll::-webkit-scrollbar{display:none}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2)}.card{background:transparent;border-radius:var(--radius);padding:var(--space-3);transition:background .3s;position:relative;cursor:pointer;scroll-snap-align:start;min-width:0}.card:hover{background:var(--bg-card-hover)}.card-cover{position:relative;margin-bottom:var(--space-4)}.card-cover .cover{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006}.card.round .cover{border-radius:50%}.card-title{font-weight:700;font-size:var(--fs-5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{color:var(--text-muted);font-size:var(--fs-4);margin-top:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-play{position:absolute;right:8px;bottom:8px;width:48px;height:48px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.card:hover .card-play,.card:focus-within .card-play{opacity:1;transform:translateY(0)}.cover{display:block;object-fit:cover;background:var(--bg-card-hover)}.cover.round{border-radius:50%}.cover-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--bg-card-hover),var(--bg-elevated));color:var(--text-faint)}.detail-page{min-height:100%}.detail-hero{position:relative;padding:0}.detail-hero .hero-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--hero-color, #333) 0%,color-mix(in srgb,var(--hero-color, #333) 55%,var(--bg)) 100%)}.detail-hero .hero-grad:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 100%)}.hero-body{position:relative;display:flex;align-items:flex-end;gap:var(--space-6);padding:84px var(--space-6) var(--space-6)}.hero-cover{width:232px;height:232px;border-radius:var(--radius);box-shadow:var(--shadow-cover);flex:none;object-fit:cover}.hero-cover-round{border-radius:50%;width:208px;height:208px}.hero-cover-fallback{background:linear-gradient(135deg,var(--bg-card-hover),var(--bg-elevated))}.hero-meta{min-width:0;padding-bottom:var(--space-2)}.hero-kind{font-size:var(--fs-3);font-weight:600}.hero-kind.verified{display:flex;align-items:center;gap:6px}.hero-title{font-size:clamp(32px,7vw,96px);font-weight:900;line-height:1.02;letter-spacing:-.04em;margin:var(--space-3) 0 var(--space-4);word-break:break-word}.hero-sub{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--text);font-size:var(--fs-4);font-weight:500}.hero-sub .dot{color:var(--text);opacity:.9}.hero-artist{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700}.hero-artist:hover{text-decoration:underline}.hero-artist-photo{width:24px;height:24px;border-radius:50%;object-fit:cover}.hero-dur{color:var(--text-muted)}.detail-actions{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-2);background:linear-gradient(180deg,color-mix(in srgb,var(--hero-color, #222) 60%,var(--bg)) 0%,var(--bg) 100%)}.detail-actions .icon-btn.big{color:var(--text-muted)}.detail-actions .icon-btn.big:hover{color:var(--text)}.detail-body{position:relative;padding-top:var(--space-2)}.artist-hero{position:relative;height:min(40vh,340px);min-height:240px;display:flex;align-items:flex-end;overflow:hidden}.artist-banner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.artist-banner-fallback{background:linear-gradient(135deg,var(--hero-color, #444),#111)}.artist-hero-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.3) 60%,var(--bg) 100%)}.artist-hero-body{position:relative;padding:var(--space-6)}.artist-name{font-size:clamp(48px,9vw,96px);font-weight:900;letter-spacing:-.04em;line-height:1}.artist-bio{color:var(--text-muted);font-size:var(--fs-4);max-width:700px;margin-bottom:var(--space-6)}.tracklist{width:100%}.tl-head,.tl-row{display:grid;align-items:center;gap:var(--space-4);grid-template-columns:28px 1fr 80px 92px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm)}.tracklist.with-album .tl-head,.tracklist.with-album .tl-row{grid-template-columns:28px 1.6fr 1fr 80px 92px}.tl-head{color:var(--text-muted);font-size:var(--fs-2);text-transform:none;letter-spacing:.02em;border-bottom:1px solid var(--border);border-radius:0;margin-bottom:var(--space-2);padding-bottom:var(--space-2);position:sticky}.tl-head .tl-dur,.tl-row .tl-dur{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:var(--fs-4)}.tl-row{color:var(--text-muted);cursor:pointer}.tl-row:hover{background:var(--bg-card-hover)}.tl-row.current .tl-title{color:var(--accent)}.tl-idx{position:relative;text-align:right;font-size:var(--fs-4);font-variant-numeric:tabular-nums}.tl-idx .play-ic{display:none;position:absolute;top:0;right:0;bottom:0;left:0;place-items:center;color:var(--text)}.tl-row:hover .tl-idx .num{visibility:hidden}.tl-row:hover .tl-idx .play-ic{display:grid}.tl-main{display:flex;align-items:center;gap:var(--space-3);min-width:0}.tl-main .cover{width:40px;height:40px;border-radius:var(--radius-sm);flex:none}.tl-txt{min-width:0}.tl-title{color:var(--text);font-weight:400;font-size:var(--fs-5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-artist{font-size:var(--fs-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-artist a:hover{color:var(--text);text-decoration:underline}.tl-col{font-size:var(--fs-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-col.album a:hover{color:var(--text);text-decoration:underline}.tl-actions{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.tl-actions .heart,.tl-actions .icon-btn,.tl-actions .atp-menu{opacity:0;transition:opacity .12s}.tl-row:hover .tl-actions .heart,.tl-row:hover .tl-actions .icon-btn,.tl-row:hover .tl-actions .atp-menu,.tl-actions .heart.on,.tl-actions .atp-menu.atp-open{opacity:1}.tl-row:has(.atp-menu.atp-open) .tl-actions .heart,.tl-row:has(.atp-menu.atp-open) .tl-actions .icon-btn{opacity:1}.heart{background:none;border:none;color:var(--text-muted);display:inline-grid;place-items:center;padding:2px}.heart:hover{color:var(--text)}.heart.on{color:var(--accent)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;background:var(--accent);animation:eq .9s ease-in-out infinite}.eq i:nth-child(1){height:40%;animation-delay:-.2s}.eq i:nth-child(2){height:100%;animation-delay:-.5s}.eq i:nth-child(3){height:60%;animation-delay:-.1s}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.pl-modal-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:grid;place-items:center;z-index:500;padding:var(--space-4)}.pl-modal{background:#282828;border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:420px;padding:var(--space-6)}.pl-modal-title{font-size:var(--fs-h2);font-weight:800;margin-bottom:var(--space-4)}.pl-modal-input{width:100%;background:#3e3e3e;border:1px solid transparent;color:var(--text);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:15px;font-family:inherit}.pl-modal-input:focus{outline:none;border-color:var(--text)}.pl-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.pl-btn{border:none;border-radius:var(--radius-pill);padding:10px 22px;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer}.pl-btn.ghost{background:transparent;color:var(--text)}.pl-btn.ghost:hover{color:var(--text);transform:scale(1.03)}.pl-btn.accent{background:var(--accent);color:var(--on-accent)}.pl-btn.accent:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.03)}.pl-btn.accent:disabled{opacity:.5;cursor:not-allowed}.login-page{height:100%;display:grid;place-items:center;padding:var(--space-4);background:linear-gradient(180deg,var(--bg-elevated),var(--bg))}.login-card{width:100%;max-width:420px;background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow)}.login-head{text-align:center;margin-bottom:var(--space-8)}.login-logo{border-radius:14px;margin-bottom:var(--space-4)}.login-title{font-size:26px;font-weight:900}.login-sub{color:var(--text-muted);margin-top:var(--space-2);font-size:14px}.login-label{display:block;font-size:13px;font-weight:700;margin-bottom:var(--space-2)}.login-input{width:100%;margin-bottom:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:12px 14px;font-size:15px}.login-input:focus{outline:none;border-color:var(--accent)}.login-pass{position:relative}.login-pass .login-input{padding-right:44px}.login-eye{position:absolute;right:8px;top:12px;background:none;border:none;color:var(--text-muted);display:grid;place-items:center;padding:4px}.login-eye:hover{color:var(--text)}.login-error{color:var(--danger);font-size:13px;margin-bottom:var(--space-4)}.login-submit{width:100%}@media(max-width:640px){.login-page{padding:0;place-items:stretch}.login-card{max-width:none;border-radius:0;box-shadow:none;background:transparent;display:flex;flex-direction:column;justify-content:center;padding:var(--space-6)}}.atp-menu{position:relative;display:inline-block}.atp-dropdown{position:absolute;right:0;bottom:calc(100% + 6px);background:#282828;border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:220px;padding:var(--space-1);z-index:400}.detail-actions .atp-menu.big .atp-dropdown{top:calc(100% + 8px);bottom:auto;left:0;right:auto}.atp-scroll{max-height:240px;overflow-y:auto}.atp-item{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:var(--space-3);border-radius:2px;font-size:14px;font-family:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atp-item:hover{background:var(--bg-card-hover)}.atp-create{font-weight:700}.atp-sep{height:1px;background:var(--border);margin:var(--space-1) var(--space-2)}.atp-form{padding:var(--space-2)}.atp-form input{width:100%;background:#3e3e3e;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);padding:var(--space-2) var(--space-3);font-size:14px;font-family:inherit}.atp-form input:focus{outline:none;border-color:var(--text-muted)}.atp-form-row{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.atp-btn{border:none;border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:13px;font-weight:700;font-family:inherit}.atp-btn.ghost{background:transparent;color:var(--text-muted)}.atp-btn.ghost:hover{color:var(--text)}.atp-btn.accent{background:var(--accent);color:var(--on-accent)}.search-field{position:relative;max-width:364px;margin:var(--space-4) 0}.sf-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#121212}.sf-input{width:100%;background:var(--white);border:none;color:#121212;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4) var(--space-3) 46px;font-size:15px;font-weight:500;font-family:inherit}.sf-input:focus{outline:none}.browse{margin-top:var(--space-2)}.browse .section-h2{margin-bottom:var(--space-4)}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.style-card{position:relative;aspect-ratio:1.7;border:none;border-radius:var(--radius);overflow:hidden;cursor:pointer;text-align:left}.style-name{position:absolute;top:14px;left:16px;color:var(--white);font-weight:800;font-size:var(--fs-h3);z-index:1}.style-card:after{content:"";position:absolute;right:-18px;bottom:-6px;width:76px;height:76px;background:#00000040;border-radius:6px;transform:rotate(28deg);box-shadow:0 4px 12px #0006}.search-results{margin-top:var(--space-4)}.playerbar{height:var(--player-h);background:transparent;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 var(--space-4);gap:var(--space-4)}.pb-left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.pb-left .cover{width:56px;height:56px;border-radius:var(--radius-sm);flex:none}.pb-meta{min-width:0}.pb-meta .t{font-size:var(--fs-4);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-meta .t a:hover{text-decoration:underline}.pb-meta .a{font-size:var(--fs-2);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-meta .a a:hover{color:var(--text);text-decoration:underline}.pb-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pb-controls{display:flex;align-items:center;gap:var(--space-4)}.pb-play{width:40px;height:40px;border-radius:50%;background:var(--text);color:var(--bg);border:none;display:grid;place-items:center;transition:transform .1s}.pb-play:hover{transform:scale(1.06)}.pb-progress{display:flex;align-items:center;gap:var(--space-2);width:100%;max-width:620px}.pb-time{font-size:var(--fs-1);color:var(--text-muted);min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.pb-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.pb-volume{display:flex;align-items:center;gap:var(--space-2)}.seek{flex:1;height:4px;border-radius:2px;background:#4d4d4d;position:relative;cursor:pointer;touch-action:none}.seek-fill{position:absolute;left:0;top:0;bottom:0;background:var(--text);border-radius:2px}.seek:hover .seek-fill{background:var(--accent)}.seek-knob{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--text);transform:translate(-50%,-50%);opacity:0}.seek:hover .seek-knob{opacity:1}.vol{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:4px;border-radius:2px;background:linear-gradient(to right,var(--text) var(--vol,100%),#4d4d4d var(--vol,100%));cursor:pointer}.vol:hover{background:linear-gradient(to right,var(--accent) var(--vol,100%),#4d4d4d var(--vol,100%))}.vol::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text);opacity:0}.vol:hover::-webkit-slider-thumb{opacity:1}.vol::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--text)}.miniplayer,.mobile-nav{display:none}.fullplayer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;padding:var(--space-4) var(--space-6) calc(var(--space-8) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);visibility:hidden}.fullplayer.open{transform:translateY(0);visibility:visible}.fp-top{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2)}.fp-icon{background:none;border:none;color:var(--text);display:grid;place-items:center}.fp-context{font-weight:700;font-size:var(--fs-3);text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 var(--space-4)}.fp-cover-wrap{flex:1;display:grid;place-items:center;padding:var(--space-6) 0;min-height:0}.fp-cover{width:min(72vw,360px);aspect-ratio:1;border-radius:var(--radius);box-shadow:var(--shadow-cover);object-fit:cover}.fp-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.fp-text{min-width:0}.fp-title{font-size:24px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-artist{color:var(--text-muted);margin-top:2px;font-size:var(--fs-5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-info .heart{color:var(--text-muted)}.fp-info .heart.on{color:var(--accent)}.fp-seek{margin-top:var(--space-4)}.fp-seek .seek{height:6px}.fp-seek .seek-knob,.fp-seek .seek-fill{opacity:1}.fp-seek .seek-fill{background:var(--text)}.fp-seek .seek-knob{opacity:1}.fp-times{display:flex;justify-content:space-between;margin-top:var(--space-2);color:var(--text-muted);font-size:var(--fs-1);font-variant-numeric:tabular-nums}.fp-controls{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4)}.fp-ctl{background:none;border:none;color:var(--text-muted);display:grid;place-items:center;position:relative}.fp-ctl:hover,.fp-controls .fp-ctl:nth-child(2),.fp-controls .fp-ctl:nth-child(4){color:var(--text)}.fp-ctl.on{color:var(--accent)}.fp-bigplay{width:64px;height:64px;border-radius:50%;background:var(--text);color:var(--bg);border:none;display:grid;place-items:center}.fp-bigplay:active{transform:scale(.96)}@media(max-width:999px){.app-shell{grid-template-columns:1fr;grid-template-rows:1fr auto;padding:0;gap:0;background:var(--bg)}.sidebar{display:none}.main{border-radius:0}.home-page,.search-page,.detail-body,.lib-page{padding-left:var(--space-4);padding-right:var(--space-4)}.home-page,.search-page,.lib-page{padding-bottom:24px}.topbar{padding:0 var(--space-4);height:56px}.topbar-nav{display:none}.topbar-search{max-width:none}.player-region{grid-column:1;grid-row:auto;padding:0;position:fixed;left:0;right:0;bottom:var(--tabbar-h);z-index:60}.playerbar{display:none}.miniplayer{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:var(--space-3);height:var(--mini-h);margin:0 var(--space-2);padding:0 var(--space-3);background:#2a2a2a;border-radius:var(--radius);position:relative;overflow:hidden}.mini-cover{width:40px;height:40px;border-radius:var(--radius-sm);flex:none}.mini-meta{min-width:0}.mini-title{font-size:var(--fs-4);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-artist{font-size:var(--fs-2);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miniplayer .heart{width:40px;height:40px}.mini-play{width:40px;height:40px;background:none;border:none;color:var(--text);display:grid;place-items:center}.mini-progress{position:absolute;left:8px;right:8px;bottom:3px;height:2px;background:#fff3;border-radius:2px}.mini-fill{height:100%;background:var(--text);border-radius:2px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(180deg,#12121299,#181818 60%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.05)}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:10px;font-weight:500;min-height:44px}.mobile-nav a.active{color:var(--text)}.main-scroll{padding-bottom:calc(var(--mini-h) + var(--tabbar-h) + env(safe-area-inset-bottom) + var(--space-2))}.hero-body{flex-direction:column;align-items:center;text-align:center;padding:72px var(--space-4) var(--space-4);gap:var(--space-4)}.hero-cover{width:min(56vw,220px);height:min(56vw,220px)}.hero-meta{padding-bottom:0}.hero-title{font-size:clamp(28px,8vw,48px)}.hero-sub{justify-content:center}.detail-actions{padding:var(--space-4);gap:var(--space-4)}.artist-hero{height:min(38vh,300px)}.artist-hero-body{padding:var(--space-4)}.tl-head{display:none}.tracklist.with-album .tl-row,.tl-row{grid-template-columns:1fr auto;gap:var(--space-2);padding:var(--space-2)}.tl-idx,.tl-col.album,.tl-dur{display:none}.tl-main .cover{width:44px;height:44px}.tl-actions{gap:var(--space-2)}.tl-actions .heart,.tl-actions .icon-btn,.tl-actions .atp-menu{opacity:1}.style-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.row-scroll{grid-template-columns:none;grid-auto-columns:42vw}.card{padding:var(--space-2)}}@media(max-width:639px){.home-greeting{font-size:24px}.hero-title{font-size:clamp(26px,9vw,40px)}.artist-name{font-size:clamp(34px,11vw,56px)}.row-scroll{grid-auto-columns:44vw}.grid-cards{grid-template-columns:repeat(2,1fr)}.fp-cover{width:min(78vw,340px)}}@media(min-width:1400px){.row-scroll{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(min-width:1700px){.row-scroll{grid-template-columns:repeat(8,minmax(0,1fr))}}.tabs{display:flex;gap:var(--space-2);padding:var(--space-4) 0}.tab{background:var(--bg-elevated);border:none;color:var(--text);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-weight:600;font-size:14px;font-family:inherit}.tab.active{background:var(--accent);color:var(--on-accent)}.ctx-menu{position:fixed;z-index:600;min-width:200px;background:#282828;border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:var(--space-1);border:1px solid rgba(255,255,255,.08)}.ctx-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:14px;font-weight:500;padding:10px 12px;border-radius:var(--radius-xs, 4px);cursor:pointer}.ctx-item:hover{background:var(--bg-card-hover)}.ctx-item.danger:hover{color:#ff6b6b}.ctx-sep{height:1px;background:#ffffff1a;margin:var(--space-1) var(--space-2)}.pl-file-btn{width:100%;text-align:center;background:#3e3e3e;margin-bottom:var(--space-3)}.pl-file-btn:hover{background:#4a4a4a;transform:none}.pl-modal-or{text-align:center;color:var(--text-muted);font-size:13px;margin:var(--space-2) 0}.pl-modal-err{color:#ff6b6b;font-size:13px;margin-top:var(--space-2)}.plc{display:block;overflow:hidden}.plc-single{width:100%;height:100%;object-fit:cover}.plc-fallback{display:grid;place-items:center;color:var(--text-faint);background:linear-gradient(135deg,var(--bg-card-hover),var(--bg-elevated))}.plc-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0;aspect-ratio:1}.plc-tile{width:100%;height:100%;object-fit:cover;display:block;min-width:0;min-height:0}.plc-tile-empty{background:var(--bg-card-hover)}.lib-item-cover.plc,.liked-cover{border-radius:var(--radius-sm);overflow:hidden}.card-cover .plc{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006}.hero-cover.plc{width:232px;height:232px;border-radius:var(--radius);box-shadow:var(--shadow-cover);flex:none}.pb-cover-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:var(--radius-sm);position:relative}.pb-cover-btn:hover{opacity:.9}.app-shell.np-open{grid-template-columns:280px 1fr 360px}.np-panel{grid-column:3;grid-row:1 / 2;min-width:0;background:var(--bg-elevated);border-radius:var(--radius-lg);display:none;flex-direction:column;overflow:hidden}.app-shell.np-open .np-panel{display:flex}.np-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3)}.np-head-title{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-close{background:transparent;border:none;color:var(--text-muted);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;cursor:pointer}.np-close:hover{color:var(--text);background:var(--bg-card-hover)}.np-scroll{overflow-y:auto;padding:0 var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.np-cover-card{background:var(--bg-card, #1f1f1f);border-radius:var(--radius);overflow:hidden}.np-cover-card .np-cover{width:100%;aspect-ratio:1;object-fit:cover;display:block}.np-track-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.np-track-meta{min-width:0;flex:1}.np-track-title{font-size:20px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-track-title a:hover{text-decoration:underline}.np-track-artist{color:var(--text-muted);font-size:14px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-track-artist a:hover{text-decoration:underline;color:var(--text)}.np-like{background:transparent;border:none;color:var(--text-muted);cursor:pointer;flex:none;display:grid;place-items:center}.np-like.on{color:var(--accent)}.np-artist-card{background:var(--bg-card, #1f1f1f);border-radius:var(--radius);overflow:hidden}.np-artist-label{font-weight:800;font-size:16px;padding:var(--space-4) var(--space-4) var(--space-3)}.np-artist-banner{position:relative;aspect-ratio:16 / 9}.np-artist-banner img{width:100%;height:100%;object-fit:cover;display:block}.np-artist-banner-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-card-hover),var(--bg-elevated))}.np-artist-overlay{position:absolute;left:0;bottom:0;right:0;padding:var(--space-4);background:linear-gradient(transparent,#000000a6)}.np-artist-name{font-weight:800;font-size:18px;color:var(--white, #fff)}.np-artist-name:hover{text-decoration:underline}.np-artist-bio{color:var(--text-muted);font-size:13px;line-height:1.5;padding:var(--space-4);margin:0}@media(max-width:999px){.app-shell.np-open{grid-template-columns:1fr}.np-panel{display:none!important}}