:root{color-scheme:dark;--bg: #09090a;--bg-elevated: #0e0e10;--sidebar: #0b0b0d;--surface: #151517;--surface-2: #1a1a1d;--surface-hover: #202024;--surface-strong: #26262b;--text-primary: #f7f7f8;--text-secondary: #a3a3aa;--text-tertiary: #6f6f78;--border: rgba(255,255,255,.075);--border-strong: rgba(255,255,255,.12);--accent: #7c9cff;--accent-soft: rgba(124,156,255,.14);--danger: #ff6b7a;--sidebar-width: 232px;--player-height: 94px;--header-height: 74px;--page-pad: 32px;--r-xs: 7px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--shadow-player: 0 -18px 50px rgba(0,0,0,.34);--transition: .18s cubic-bezier(.2,.7,.2,1);--transition-slow: .24s cubic-bezier(.2,.7,.2,1);--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font);overflow:hidden;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}button{color:inherit}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}::selection{background:#7c9cff4d;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border:3px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff29;border:3px solid transparent;background-clip:padding-box}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{position:fixed;inset:0 auto var(--player-height) 0;width:var(--sidebar-width);background:var(--sidebar);border-right:1px solid var(--border);padding:24px 16px 18px;z-index:40;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 26px;-webkit-user-select:none;user-select:none}.brand-mark{width:30px;height:30px;border-radius:9px;object-fit:cover;display:block;background:#000;flex:0 0 auto}.brand-name{font-size:19px;font-weight:750;letter-spacing:-.03em}.nav-group{display:grid;gap:5px}.nav-spacer{height:20px}.nav-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);padding:0 12px 8px}.nav-item{width:100%;border:0;background:transparent;color:var(--text-secondary);display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:9px;cursor:pointer;transition:background var(--transition),color var(--transition),transform var(--transition);text-align:left;position:relative}.nav-item svg{width:19px;height:19px;stroke-width:1.8}.nav-item span{font-size:14px;font-weight:560}.nav-item:hover{background:#ffffff0b;color:var(--text-primary)}.nav-item.active{background:#ffffff13;color:var(--text-primary)}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:18px;border-radius:3px;background:var(--accent)}.sidebar-bottom{margin-top:auto;display:grid;gap:5px}.main{margin-left:var(--sidebar-width);height:calc(100vh - var(--player-height));position:relative;overflow:hidden}.global-header{height:var(--header-height);position:absolute;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-pad);background:linear-gradient(to bottom,rgba(9,9,10,.92),rgba(9,9,10,.55),transparent);pointer-events:none;transition:background var(--transition-slow),border-color var(--transition-slow)}.global-header.scrolled{background:#09090ae6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-cluster{display:flex;align-items:center;gap:10px;pointer-events:auto}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;background:#ffffff0e;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),color var(--transition),transform var(--transition),border-color var(--transition);position:relative;flex:0 0 auto}.icon-btn:hover{background:#ffffff1a;color:var(--text-primary);transform:scale(1.035)}.icon-btn:active{transform:scale(.97)}.icon-btn svg{width:18px;height:18px}.icon-btn.ghost{background:transparent;border-color:transparent}.icon-btn.ghost:hover{background:#ffffff12}.icon-btn:disabled{opacity:.3;cursor:default;transform:none}.header-search-shortcut{min-width:250px;height:38px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text-secondary);display:flex;align-items:center;gap:10px;padding:0 14px;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.header-search-shortcut:hover{background:#fff1;border-color:var(--border-strong);color:var(--text-primary)}.header-search-shortcut svg{width:17px;height:17px}.header-search-shortcut span{font-size:13px}.header-menu{position:relative;display:inline-flex}.header-menu .icon-btn.open{background:#ffffff14;color:var(--text-primary)}.detail-menu{position:relative;display:inline-flex}.detail-menu .icon-btn.open{background:#ffffff14;color:var(--text-primary)}.view-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain}.view{min-height:100%;padding:calc(var(--header-height) + 10px) var(--page-pad) 56px;opacity:1;transform:translateY(0);transition:opacity var(--transition-slow),transform var(--transition-slow)}.view.entering{opacity:0;transform:translateY(7px)}.page-heading{margin:8px 0;font-size:clamp(30px,3vw,42px);letter-spacing:-.045em;line-height:1.04;font-weight:780}.page-subtitle{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.65}.section{margin-top:38px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-title{margin:0;font-size:20px;line-height:1.2;font-weight:720;letter-spacing:-.025em}.section-subtitle{margin-top:4px;color:var(--text-secondary);font-size:13px}.text-btn{border:0;background:transparent;padding:7px 0;color:var(--text-secondary);font-size:12px;font-weight:650;cursor:pointer;transition:color var(--transition)}.text-btn:hover{color:var(--text-primary)}.primary-btn,.secondary-btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:transform var(--transition),background var(--transition),color var(--transition),border-color var(--transition)}.primary-btn{min-height:46px;padding:0 20px;border-radius:999px;color:#111114;background:#f3f4f6}.primary-btn:hover{background:#fff;transform:translateY(-1px)}.primary-btn:active{transform:translateY(0) scale(.98)}.secondary-btn{min-height:42px;padding:0 16px;border-radius:999px;background:#ffffff12;color:var(--text-primary);border:1px solid var(--border)}.secondary-btn:hover{background:#ffffff1a;border-color:var(--border-strong)}.secondary-btn.sm{min-height:32px;padding:0 13px;font-size:12.5px;border-radius:999px}.secondary-btn.sm svg{width:14px;height:14px}.primary-btn svg,.secondary-btn svg{width:18px;height:18px}.section-action{display:flex;align-items:center;gap:10px;flex:0 0 auto}.country-select{position:relative;display:inline-flex;align-items:center}.country-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;color-scheme:dark;height:34px;padding:0 30px 0 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff0e;color:var(--text-primary);font-size:12px;font-weight:650;cursor:pointer;outline:none;transition:background var(--transition),border-color var(--transition)}.country-select select:hover{background:#ffffff1a;border-color:var(--border-strong)}.country-select select option{background:var(--surface-2);color:var(--text-primary)}.country-select svg{position:absolute;right:10px;width:14px;height:14px;color:var(--text-secondary);pointer-events:none}.page-tools{display:flex;justify-content:flex-end;margin-top:16px;min-height:34px}.load-more-row{display:flex;justify-content:center;margin-top:14px}.media-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.media-card{min-width:0;cursor:pointer;border-radius:var(--r-sm);transition:transform var(--transition-slow);position:relative;outline:none}.media-card:hover{transform:translateY(-4px)}.media-card:focus-visible .media-art{outline:2px solid var(--accent);outline-offset:3px}.media-art{width:100%;aspect-ratio:1 / 1;border-radius:11px;overflow:hidden;background:var(--surface);position:relative;box-shadow:0 14px 32px #00000029}.media-art.artist{border-radius:50%}.media-art img{width:100%;height:100%;object-fit:cover;transition:filter var(--transition-slow),transform var(--transition-slow);-webkit-user-select:none;user-select:none}.media-card:hover .media-art img{filter:brightness(.78);transform:scale(1.018)}.card-play{position:absolute;right:10px;bottom:10px;width:42px;height:42px;border-radius:50%;border:0;background:#f5f5f6;color:#0d0d0f;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateY(5px) scale(.94);cursor:pointer;box-shadow:0 10px 24px #0000004d;transition:opacity var(--transition),transform var(--transition),background var(--transition);z-index:3}.card-play svg{width:18px;height:18px}.media-card:hover .card-play{opacity:1;transform:translateY(0) scale(1)}.card-play:hover{background:#fff;transform:scale(1.04)!important}.media-art.artist .card-play{right:50%;bottom:50%;transform:translate(50%,50%) scale(.94)}.media-card:hover .media-art.artist .card-play{transform:translate(50%,50%) scale(1)}.media-art.artist .card-play:hover{transform:translate(50%,50%) scale(1.04)!important}.card-remove{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:0;background:#0000008c;color:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;z-index:3;transition:opacity var(--transition),background var(--transition)}.card-remove:hover{background:#000000c7}.media-card:hover .card-remove{opacity:1}.card-remove svg{width:13px;height:13px}.media-title{margin-top:12px;color:var(--text-primary);font-size:14px;font-weight:680;letter-spacing:-.01em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-meta{margin-top:5px;color:var(--text-secondary);font-size:12px;line-height:1.45;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.horizontal-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);gap:22px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.horizontal-rail::-webkit-scrollbar{display:none}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-pick{min-width:0;height:72px;border:1px solid rgba(255,255,255,.045);background:#ffffff09;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:72px 1fr auto;align-items:center;cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.quick-pick:hover{background:#ffffff13;border-color:var(--border);transform:translateY(-1px)}.quick-pick img{width:72px;height:72px;object-fit:cover}.quick-copy{min-width:0;padding:0 12px}.quick-title{font-size:13px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-artist{margin-top:5px;font-size:11.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-play{margin-right:12px;opacity:0;transform:scale(.9);transition:opacity var(--transition),transform var(--transition)}.quick-pick:hover .quick-play{opacity:1;transform:scale(1)}.song-table{width:100%;margin-top:8px}.song-row{min-width:0;min-height:62px;border-radius:9px;display:grid;grid-template-columns:minmax(300px,1.7fr) minmax(180px,1fr) 72px 38px;gap:18px;align-items:center;padding:8px 10px;transition:background var(--transition),color var(--transition);cursor:pointer;position:relative}.song-row:hover{background:#ffffff0d}.song-row.current{background:var(--accent-soft)}.song-main{min-width:0;display:flex;align-items:center;gap:12px}.song-art{width:46px;height:46px;flex:0 0 auto;border-radius:7px;overflow:hidden;background:var(--surface);position:relative}.song-art img{width:100%;height:100%;object-fit:cover}.song-row-play{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000007a;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;cursor:pointer;transition:opacity var(--transition)}.song-row:hover .song-row-play,.song-row.current .song-row-play{opacity:1}.song-row-play svg{width:17px;height:17px}.song-copy{min-width:0}.song-title{font-size:13.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-row.current .song-title{color:var(--accent)}.song-artist,.song-album,.song-duration{color:var(--text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist{margin-top:4px}.song-duration{text-align:right;font-variant-numeric:tabular-nums}.song-actions{display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity var(--transition);position:relative}.song-row:hover .song-actions,.track-row:hover .song-actions,.song-actions.menu-open{opacity:1;pointer-events:auto}.song-actions.menu-open{z-index:60}.row-menu-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:204px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 16px 44px #00000075;padding:6px;z-index:60;display:grid;gap:2px}.row-menu-pop button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:560;padding:9px 10px;border-radius:8px;cursor:pointer;text-align:left;white-space:nowrap}.row-menu-pop button:hover{background:#ffffff12;color:var(--text-primary)}.row-menu-pop button svg{width:15px;height:15px;flex:0 0 auto}.mini-action.open{background:#ffffff14;color:var(--text-primary)}.song-row .mini-action{width:30px;height:30px;background:transparent;border:0;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.song-row .mini-action:hover{background:#ffffff14;color:var(--text-primary)}.song-row .mini-action svg{width:16px;height:16px}.track-head,.track-row{display:grid;grid-template-columns:36px 42px minmax(240px,1.8fr) minmax(160px,.8fr) 64px 36px;gap:12px;align-items:center}.track-head{color:var(--text-tertiary);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:0 10px 9px;border-bottom:1px solid var(--border)}.track-row{min-height:58px;border-radius:9px;padding:6px 10px;cursor:pointer;transition:background var(--transition)}.track-row:hover{background:#ffffff0d}.track-row.current{background:var(--accent-soft)}.track-index{color:var(--text-secondary);font-size:12px;text-align:center;position:relative}.track-index .idx{transition:opacity var(--transition)}.track-index .idx-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);opacity:0}.track-index .idx-play svg{width:16px;height:16px}.track-row:hover .track-index .idx{opacity:0}.track-row:hover .track-index .idx-play{opacity:1}.track-art{width:40px;height:40px;border-radius:6px;overflow:hidden;background:var(--surface)}.track-art img{width:100%;height:100%;object-fit:cover}.track-title{min-width:0}.track-title strong{display:block;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row.current .track-title strong{color:var(--accent)}.track-title span{display:block;margin-top:4px;font-size:11.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-muted{color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-hero{display:grid;grid-template-columns:238px minmax(0,1fr);gap:30px;align-items:end;padding:20px 0 26px}.detail-cover{width:238px;aspect-ratio:1 / 1;border-radius:13px;overflow:hidden;background:var(--surface);box-shadow:0 24px 48px #00000057}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-copy .eyebrow{color:var(--text-secondary);font-size:11px;font-weight:720;text-transform:uppercase;letter-spacing:.12em}.detail-title{margin:10px 0;font-size:clamp(40px,5vw,68px);line-height:.98;letter-spacing:-.055em;font-weight:800;max-width:900px}.detail-description{color:var(--text-secondary);max-width:720px;line-height:1.6;font-size:13px;margin-bottom:12px}.detail-meta{color:var(--text-secondary);font-size:13px;line-height:1.55}.detail-meta strong{color:var(--text-primary)}.detail-actions{display:flex;align-items:center;gap:10px;margin:10px 0 22px}.artist-hero{min-height:380px;margin:calc((var(--header-height) + 10px) * -1) calc(var(--page-pad) * -1) 0;padding:calc(var(--header-height) + 70px) var(--page-pad) 36px;display:flex;align-items:flex-end;position:relative;border-bottom:1px solid var(--border)}.artist-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.artist-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.48);transform:scale(1.04)}.artist-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg) 2%,rgba(9,9,10,.38) 60%,rgba(9,9,10,.18)),linear-gradient(to right,rgba(9,9,10,.35),transparent 60%)}.artist-hero-content{position:relative;z-index:2}.artist-hero .eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#ffffffb8;font-weight:720}.artist-name{margin:10px 0 20px;font-size:clamp(54px,7vw,88px);line-height:.9;font-weight:820;letter-spacing:-.06em}.artist-actions{display:flex;gap:10px;align-items:center}.search-shell{max-width:1050px}.search-box{height:58px;margin-top:16px;border-radius:14px;background:#f0f0f2;color:#111114;display:grid;grid-template-columns:26px 1fr 36px;align-items:center;gap:10px;padding:0 12px 0 18px;border:2px solid transparent;transition:box-shadow var(--transition),border-color var(--transition)}.search-box:focus-within{border-color:#7c9cff8c;box-shadow:0 0 0 4px #7c9cff1f}.search-box svg{width:20px;height:20px;color:#55555d}.search-box input{border:0;outline:0;background:transparent;color:#111114;font-size:17px;font-weight:560;width:100%;min-width:0}.search-box input::placeholder{color:#787880}.search-clear{width:32px;height:32px;border:0;border-radius:50%;background:transparent;cursor:pointer;display:none;align-items:center;justify-content:center;color:#55555d}.search-clear.show{display:flex}.search-clear:hover{background:#00000012}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.filter-tab{height:33px;padding:0 13px;border-radius:999px;border:1px solid var(--border);background:#ffffff0b;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:650;transition:background var(--transition),color var(--transition),border-color var(--transition)}.filter-tab:hover{background:#ffffff14;color:var(--text-primary)}.filter-tab.active{background:#ededee;color:#111114;border-color:#ededee}.browse-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px}.genre-card{min-height:128px;border-radius:13px;position:relative;overflow:hidden;padding:16px;cursor:pointer;border:1px solid rgba(255,255,255,.055);transition:transform var(--transition),border-color var(--transition),filter var(--transition)}.genre-card:hover{transform:translateY(-2px);border-color:var(--border-strong);filter:brightness(1.06)}.genre-card strong{position:relative;z-index:2;font-size:17px;letter-spacing:-.025em}.genre-card:after{content:"";width:92px;height:92px;position:absolute;right:-18px;bottom:-22px;border-radius:22px;background:#ffffff1a;transform:rotate(18deg)}.genre-card:nth-child(1){background:#2f3b4e}.genre-card:nth-child(2){background:#3e3034}.genre-card:nth-child(3){background:#3a3449}.genre-card:nth-child(4){background:#2f4141}.genre-card:nth-child(5){background:#423a2f}.genre-card:nth-child(6){background:#343a44}.genre-card:nth-child(7){background:#3f323d}.genre-card:nth-child(8){background:#2f3f3a}.genre-card:nth-child(9){background:#3f3f31}.genre-card:nth-child(10){background:#31374a}.top-result-card{max-width:520px;min-height:168px;display:grid;grid-template-columns:132px 1fr;gap:18px;padding:14px;border-radius:14px;background:#ffffff0b;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.top-result-card:hover{background:#ffffff12;border-color:var(--border);transform:translateY(-1px)}.top-result-card img{width:132px;height:132px;object-fit:cover;border-radius:10px}.top-result-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.top-result-copy .type{color:var(--text-tertiary);font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.12em}.top-result-copy h3{margin:8px 0 5px;font-size:22px;line-height:1.1;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-result-copy p{margin:0;color:var(--text-secondary);font-size:12px}.top-result-copy .primary-btn{width:max-content;min-height:38px;padding:0 16px;margin-top:15px;font-size:12px}.player{position:fixed;inset:auto 0 0 0;height:var(--player-height);background:#101012;border-top:1px solid var(--border-strong);box-shadow:var(--shadow-player);z-index:100;display:grid;grid-template-columns:minmax(250px,1fr) minmax(420px,1.4fr) minmax(260px,1fr);align-items:center;gap:16px;padding:0 18px}.player-left,.player-center,.player-right{min-width:0}.player-left{display:flex;align-items:center;gap:12px}.player-art{width:58px;height:58px;border-radius:8px;overflow:hidden;background:var(--surface);flex:0 0 auto;cursor:pointer;position:relative}.player-art img{width:100%;height:100%;object-fit:cover;transition:filter var(--transition),transform var(--transition)}.player-art:hover img{filter:brightness(.8);transform:scale(1.025)}.player-art:after{content:"↗";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000061;opacity:0;transition:opacity var(--transition);font-size:15px}.player-art:hover:after{opacity:1}.player-song-copy{min-width:0}.player-title{font-size:13px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist{margin-top:4px;color:var(--text-secondary);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center{display:grid;gap:7px;justify-items:center}.transport{display:flex;align-items:center;justify-content:center;gap:12px}.transport .icon-btn{background:transparent;width:31px;height:31px}.transport .icon-btn:hover{background:#fff1}.transport .icon-btn.active{color:var(--accent)}.transport .icon-btn svg{width:17px;height:17px}.play-main{width:37px!important;height:37px!important;background:#f5f5f6!important;color:#101012!important}.play-main:hover{background:#fff!important;transform:scale(1.04)}.play-main svg{width:18px!important;height:18px!important}.spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.24);border-top-color:#101012;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.timeline{width:min(620px,100%);display:grid;grid-template-columns:39px 1fr 39px;align-items:center;gap:9px}.time{color:var(--text-tertiary);font-size:10px;font-variant-numeric:tabular-nums;text-align:center}.range{--progress: 0%;width:100%;height:18px;display:flex;align-items:center;cursor:pointer;position:relative;touch-action:none}.range-track{width:100%;height:3px;background:#ffffff2b;border-radius:99px;position:relative;overflow:visible}.range-fill{position:absolute;inset:0 auto 0 0;width:var(--progress);background:#f1f1f2;border-radius:99px}.range-knob{position:absolute;left:var(--progress);top:50%;width:10px;height:10px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(0);transition:transform var(--transition);box-shadow:0 0 0 2px #00000026}.range:hover .range-track{height:4px}.range:hover .range-knob{transform:translate(-50%,-50%) scale(1)}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:3px}.player-right .icon-btn{background:transparent;width:34px;height:34px}.player-right .icon-btn.active{color:var(--accent);background:var(--accent-soft)}.volume-cluster{width:138px;display:flex;align-items:center;gap:7px}.volume-range{flex:1}.drawer-backdrop{position:fixed;inset:0 0 var(--player-height) 0;background:#00000052;z-index:69;opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.drawer-backdrop.show{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:var(--player-height);width:380px;background:#111113;border-left:1px solid var(--border-strong);z-index:70;transform:translate(101%);transition:transform var(--transition-slow);display:flex;flex-direction:column;box-shadow:-22px 0 60px #0000004d}.drawer.open{transform:translate(0)}.drawer-header{min-height:72px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.drawer-title{font-size:17px;font-weight:730;letter-spacing:-.02em}.drawer-body{overflow-y:auto;padding:18px;flex:1}.drawer-section-label{margin:8px 2px 10px;color:var(--text-tertiary);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:720}.queue-item{min-height:64px;display:grid;grid-template-columns:48px 1fr 44px;gap:11px;align-items:center;padding:7px 8px;border-radius:9px;cursor:pointer;transition:background var(--transition)}.queue-item:hover{background:#ffffff0e}.queue-item.current{background:var(--accent-soft)}.queue-item img{width:48px;height:48px;border-radius:7px;object-fit:cover}.queue-copy{min-width:0}.queue-copy strong{display:block;font-size:12.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item.current strong{color:var(--accent)}.queue-copy span{display:block;margin-top:4px;color:var(--text-secondary);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-time{color:var(--text-tertiary);font-size:10px;text-align:right;font-variant-numeric:tabular-nums}.lyrics-head{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--border)}.lyrics-head img{width:58px;height:58px;border-radius:8px;object-fit:cover}.lyrics-head strong{display:block;font-size:13px}.lyrics-head span{display:block;color:var(--text-secondary);margin-top:5px;font-size:11.5px}.lyrics-text{padding:22px 4px 36px;font-size:20px;line-height:1.65;letter-spacing:-.022em;font-weight:620;color:#ffffffd6;white-space:pre-line}.now-playing{position:fixed;inset:0 0 var(--player-height) 0;z-index:80;background:#0b0b0d;opacity:0;pointer-events:none;transform:translateY(14px);transition:opacity var(--transition-slow),transform var(--transition-slow);overflow:hidden}.now-playing.open{top:0;right:0;bottom:0;left:0;opacity:1;pointer-events:auto;transform:translateY(0)}.now-bg{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;overflow:hidden}.now-bg img{width:100%;height:100%;object-fit:cover;filter:blur(70px) saturate(.65) brightness(.22);transform:scale(1.18);opacity:.75}.now-playing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#08080aed,#08080ab8 55%,#08080ae6),linear-gradient(to top,rgba(8,8,10,.92),transparent 60%)}.now-close{position:absolute;right:26px;top:24px;z-index:3}.now-content{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(480px,1.6fr) minmax(300px,.8fr);gap:54px;align-items:center;padding:60px clamp(42px,6vw,94px)}.now-main{display:grid;grid-template-columns:minmax(320px,440px) minmax(300px,1fr);gap:42px;align-items:center}.now-cover{width:100%;max-width:440px;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #00000075}.now-cover img{width:100%;height:100%;object-fit:cover}.now-info{min-width:0}.now-kicker{color:#ffffff8c;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:740}.now-title-row{display:flex;align-items:center;gap:16px;margin:13px 0 9px;min-width:0}.now-title{font-size:clamp(38px,5vw,70px);line-height:.96;margin:0;letter-spacing:-.055em;font-weight:810;flex:1;min-width:0}.now-fav{flex:0 0 auto;width:40px;height:40px;background:#ffffff0d;color:#ffffffb8}.now-fav:hover{background:#ffffff1f;color:#fff}.now-fav.active{color:var(--accent);background:var(--accent-soft)}.now-fav svg{width:20px;height:20px}.now-artist{color:#ffffffad;font-size:17px;margin-bottom:34px}.now-controls{max-width:580px}.now-transport{display:flex;align-items:center;gap:14px;margin-top:18px}.now-transport .icon-btn{width:40px;height:40px;background:#ffffff0d}.now-transport .icon-btn.active{color:var(--accent);background:var(--accent-soft)}.now-transport .icon-btn.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent)}.now-transport .play-main{width:52px!important;height:52px!important}.up-next-panel{min-width:0;align-self:center;background:#ffffff09;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px;max-height:570px;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.up-next-panel h3{margin:0 0 12px;font-size:16px;letter-spacing:-.02em}.up-next-list{overflow-y:auto;max-height:500px;padding-right:2px}.now-panel-tabs{display:flex;gap:6px;margin-bottom:14px}.now-tab{border:0;background:transparent;color:var(--text-tertiary);font-size:12px;font-weight:680;padding:7px 14px;border-radius:999px;cursor:pointer;transition:background var(--transition),color var(--transition)}.now-tab:hover{color:var(--text-primary)}.now-tab.active{background:#ffffff17;color:var(--text-primary)}.now-panel-scroll{overflow-y:auto;max-height:500px;padding-right:2px}.now-lyrics{padding:4px 8px 26px;font-size:15.5px;line-height:1.85;letter-spacing:-.01em;color:#ffffffd9;white-space:pre-line;max-width:540px}.now-lyrics-meta{color:var(--text-tertiary);font-size:11px;margin-top:16px}.now-lyrics-state{display:grid;place-items:center;min-height:220px;text-align:center;color:var(--text-secondary);font-size:13px;line-height:1.6;padding:24px 10px}.empty-state{min-height:240px;display:grid;place-items:center;text-align:center;padding:40px 20px;border:1px dashed rgba(255,255,255,.08);border-radius:14px;background:#ffffff05}.empty-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#ffffff0f;color:var(--text-secondary)}.empty-icon svg{width:22px;height:22px}.empty-state h3{margin:0;font-size:16px}.empty-state p{margin:7px auto 0;max-width:440px;color:var(--text-secondary);font-size:12.5px;line-height:1.6}.skeleton-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin-top:22px}.skeleton-card .sk-art{aspect-ratio:1/1;border-radius:11px;background:#151517}.sk-line{height:10px;border-radius:99px;background:#151517;margin-top:12px}.sk-line.sm{width:58%}.sk-line.md{width:78%}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:shimmer 1.15s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-rows{display:grid;gap:8px;margin-top:18px}.skeleton-row{height:58px;border-radius:9px;background:#151517}.toast{position:fixed;left:50%;bottom:calc(var(--player-height) + 18px);transform:translate(-50%,12px);background:#ececef;color:#111114;border-radius:999px;padding:10px 14px;font-size:11.5px;font-weight:680;z-index:120;opacity:0;pointer-events:none;transition:opacity var(--transition),transform var(--transition);box-shadow:0 12px 36px #00000047}.toast.show{opacity:1;transform:translate(-50%)}.settings-card{background:#ffffff09;border:1px solid var(--border);border-radius:14px;padding:6px 20px;display:grid}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;min-width:0}.settings-row+.settings-row{border-top:1px solid var(--border)}.row-label{font-size:13.5px;font-weight:650}.row-hint{color:var(--text-tertiary);font-size:11.5px;margin-top:4px;line-height:1.5}.settings-volume{display:flex;align-items:center;gap:12px;width:min(320px,100%);flex:0 1 320px;min-width:0}.settings-volume svg{width:16px;height:16px;color:var(--text-secondary);flex:0 0 auto}.settings-volume .vol-pct{width:38px;text-align:right;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--text-secondary);flex:0 0 auto}.secondary-btn.danger{color:var(--danger)}.secondary-btn.danger:hover{background:#ff6b7a1f;border-color:#ff6b7a4d}.about-hero{display:flex;align-items:center;gap:28px;margin-top:10px;padding:28px 30px;border-radius:18px;border:1px solid var(--border);background:radial-gradient(1100px 300px at 12% -30%,rgba(124,156,255,.12),transparent 60%),#ffffff07;position:relative}.translate-btn{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:#ffffff0d;color:var(--text-secondary);font-size:11.5px;font-weight:650;border-radius:999px;padding:7px 12px;cursor:pointer;z-index:2;transition:color var(--transition),border-color var(--transition),background var(--transition)}.translate-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:#ffffff17}.translate-btn svg{width:14px;height:14px}.about-mark{width:76px;height:76px;border-radius:20px;flex:0 0 auto;box-shadow:0 18px 44px #00000059}.about-hero-copy{min-width:0}.about-hero .page-heading{margin:0 0 10px;font-size:clamp(30px,3.4vw,44px)}.about-lede{margin:0;color:var(--text-secondary);font-size:14.5px;line-height:1.7;max-width:720px}.about-lede strong{color:var(--text-primary)}.about-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.about-pills span{font-size:11.5px;font-weight:650;color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0d;border-radius:999px;padding:5px 12px}.about-status{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--text-secondary);margin-top:14px}.about-status .dot{width:9px;height:9px;border-radius:50%;background:var(--text-tertiary);flex:0 0 auto}.about-status.online .dot{background:#3ddc84;box-shadow:0 0 8px #3ddc848c}.about-status.offline .dot{background:var(--danger)}.about-copy{margin:0 0 14px;color:var(--text-secondary);font-size:13.5px;line-height:1.8;max-width:860px}.about-copy:last-child{margin-bottom:0}.about-steps{display:flex;align-items:center;gap:14px;margin:22px 0 10px;font-size:clamp(24px,3vw,32px);font-weight:780;letter-spacing:-.03em}.about-steps i{font-style:normal;color:var(--accent);font-weight:700}.about-steps.small{font-size:14.5px;font-weight:640;letter-spacing:0;gap:10px;color:var(--text-primary);margin-top:26px;margin-bottom:0}.about-steps.small i{display:none}.about-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.about-feature{background:#ffffff09;border:1px solid var(--border);border-radius:14px;padding:18px;transition:transform var(--transition),border-color var(--transition),background var(--transition)}.about-feature:hover{transform:translateY(-2px);border-color:var(--border-strong);background:#ffffff0d}.about-feature svg{width:18px;height:18px;color:var(--accent);margin-bottom:12px}.about-feature strong{display:block;font-size:13.5px;font-weight:680;margin-bottom:7px}.about-feature p{margin:0;color:var(--text-secondary);font-size:12px;line-height:1.65}.about-philosophy{text-align:center;border:1px solid var(--border);border-radius:18px;background:#ffffff07;padding:42px 28px}.about-pledge{margin:0 0 12px;font-size:clamp(26px,3vw,36px);font-weight:780;letter-spacing:-.035em}.about-philosophy .about-copy{max-width:620px;margin-left:auto;margin-right:auto}.about-philosophy .about-steps{justify-content:center}.about-footer{margin-top:46px;padding-top:26px;border-top:1px solid var(--border);display:grid;justify-items:center;gap:8px;text-align:center}.about-tagline{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:680}.about-tagline svg{width:15px;height:15px;color:var(--accent)}.about-meta{margin:0;color:var(--text-tertiary);font-size:12px}.about-credit{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:9px 16px;transition:border-color var(--transition),color var(--transition),transform var(--transition)}.about-credit:hover{color:var(--text-primary);border-color:var(--accent);transform:translateY(-1px)}.about-credit svg{width:15px;height:15px}.about-credit strong{color:var(--accent);font-weight:700}@media(max-width:1320px){:root{--sidebar-width: 210px;--page-pad: 26px}.media-grid,.skeleton-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.browse-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.now-content{gap:32px;padding-left:44px;padding-right:44px}.now-main{grid-template-columns:minmax(300px,380px) minmax(260px,1fr);gap:32px}.player{grid-template-columns:minmax(220px,.8fr) minmax(420px,1.3fr) minmax(250px,.8fr)}}@media(max-width:1180px){:root{--sidebar-width: 184px;--page-pad: 22px}.brand{padding-left:8px}.media-grid,.skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browse-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.song-row{grid-template-columns:minmax(280px,1.7fr) minmax(160px,1fr) 58px 34px;gap:10px}.track-head,.track-row{grid-template-columns:34px 40px minmax(220px,1.8fr) minmax(130px,.8fr) 58px 32px;gap:10px}.player{grid-template-columns:260px 1fr 250px;gap:8px;padding:0 12px}.volume-cluster{width:112px}.header-search-shortcut{min-width:220px}.now-content{grid-template-columns:1fr 320px;padding:42px 32px}.now-main{grid-template-columns:minmax(280px,360px) 1fr;gap:26px}}@media(max-width:1020px){:root{--sidebar-width: 164px}.nav-item span{font-size:13px}.brand-name{font-size:18px}.header-search-shortcut{display:none}.player{grid-template-columns:230px 1fr 180px}.player-right .icon-btn[title=Lyrics],.player-right .icon-btn[title=Queue]{display:none}.volume-cluster{width:106px}.song-row{grid-template-columns:minmax(260px,1.6fr) minmax(130px,.9fr) 54px}.song-actions{display:none}.song-row>:nth-child(4){display:none}.track-head,.track-row{grid-template-columns:32px 38px minmax(200px,1.8fr) minmax(120px,.7fr) 54px}.track-head>:nth-child(6),.track-row>:nth-child(6){display:none}.now-content{grid-template-columns:1fr;overflow-y:auto;align-content:start}.up-next-panel{width:100%;max-height:none}.up-next-list{max-height:none}.about-features{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero{align-items:flex-start}.about-mark{width:60px;height:60px;border-radius:16px}}a.nav-item{text-decoration:none}a.nav-item:visited{color:inherit}a.nav-item{cursor:pointer}.artist-views{color:var(--text-secondary, #a3a3aa);font-size:14px;margin-top:8px}.detail-meta .clickable{cursor:pointer}.detail-meta .clickable:hover{text-decoration:underline}.empty-state .primary-btn,.primary-btn,.secondary-btn{display:inline-flex;align-items:center;gap:8px}