*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#000;color-scheme:dark}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--fs-body);color:#fff;background:#000;min-height:100dvh;height:100dvh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{border:0;outline:0;background:none;color:inherit;font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}img{display:block;-o-object-fit:cover;object-fit:cover;max-width:100%}::-moz-selection{background:#1db95459}::selection{background:#1db95459}h1,h2,h3{font-weight:700;letter-spacing:-.02em;color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}button:focus-visible{outline-offset:3px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4d4d4d;border:3px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#6a6a6a;border:3px solid transparent;background-clip:padding-box}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.block{display:block}.flex{display:flex}.list-item{display:list-item}.hidden{display:none}.\!h-auto{height:auto!important}.\!w-auto{width:auto!important}.animate-spin-slow{animation:spin 1s linear infinite}.resize{resize:both}.rounded{border-radius:.25rem}.text-\[0\.9em\]{font-size:.9em}.text-\[0\.9rem\]{font-size:.9rem}.text-\[15px\]{font-size:15px}.text-\[28px\]{font-size:28px}.text-\[3rem\]{font-size:3rem}.text-accent{--tw-text-opacity: 1;color:rgb(29 185 84 / var(--tw-text-opacity, 1))}.text-txt-secondary{--tw-text-opacity: 1;color:rgb(179 179 179 / var(--tw-text-opacity, 1))}.opacity-40{opacity:.4}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;line-height:1;font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.msr-fill{font-variation-settings:"FILL" 1,"wght" 600}input[type=range]{width:100%;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#fff3;border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff;-webkit-transition:transform var(--dur-fast) var(--ease);transition:transform var(--dur-fast) var(--ease)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.25)}input[type=range]::-moz-range-track{height:4px;background:#fff3;border-radius:999px}input[type=range]::-moz-range-thumb{width:12px;border:0;border-radius:50%;background:#fff}.\[mm\:ss\.xx\]{mm:ss.xx}.\[mm\:ss\]{mm:ss}:root{--bg-elevated: #121212;--bg-gradient: linear-gradient(180deg, rgba(40, 40, 40, .52), rgba(0, 0, 0, 0));--accent: #1db954;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--sidebar-width: 240px;--mini-player-height: 80px;--bottom-nav-height: 64px;--header-height: 64px;--content-max: 1920px;--fs-display: 32px;--fs-page: 28px;--fs-section: 22px;--fs-card: 15px;--fs-body: 14px;--fs-small: 13px;--fs-meta: 12px;--fs-tiny: 11px;--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .24s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body{display:flex}body:before{content:"";position:fixed;inset:0 0 auto;height:380px;pointer-events:none;z-index:0;background:var(--bg-gradient);transition:background .4s ease}.hidden{display:none!important}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);height:calc(100dvh - var(--mini-player-height));padding:var(--space-5) var(--space-3) var(--space-3);background:#000;display:flex;flex-direction:column;gap:var(--space-2);z-index:40;overflow-y:auto;overflow-x:hidden}.main-content{min-width:0;flex:1;position:relative;height:calc(100dvh - var(--mini-player-height));padding-bottom:0;overflow:hidden;background:#000}.logo{height:40px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);margin-bottom:var(--space-4);font-size:22px;font-weight:800;letter-spacing:-.05em;color:var(--accent);color:#fff}.logo .material-symbols-rounded{color:var(--accent);font-size:28px;font-variation-settings:"FILL" 1,"wght" 600}.nav-links{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:#b3b3b3;font-size:var(--fs-body);font-weight:600;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.nav-item:hover{color:#fff}.nav-item.active{color:#fff;background:var(--surface-hover)}.nav-item .material-symbols-rounded{font-size:22px;transition:font-variation-settings var(--dur-fast) var(--ease)}.nav-item.active .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 600}.divider{height:1px;background:#ffffff0f;margin:var(--space-4) var(--space-3) var(--space-2)}.top-bar{height:var(--header-height);padding:0 var(--space-6);display:flex;align-items:center;gap:var(--space-4);position:sticky;top:0;z-index:20;background:#000000b8;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px)}.mobile-logo{display:none}.search-container{width:min(420px,100%);position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:#b3b3b3;pointer-events:none;font-size:20px;transition:color var(--dur-fast) var(--ease)}#search-input{width:100%;height:44px;padding:0 44px;border:1px solid transparent;border-radius:var(--radius-pill);background:#242424;color:#fff;font-size:var(--fs-body);font-weight:500;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}#search-input::-moz-placeholder{color:#6a6a6a}#search-input::placeholder{color:#6a6a6a}#search-input:hover{background:#2a2a2a}#search-input:focus{border-color:#fff;background:#2a2a2a}.search-container:focus-within .search-icon{color:#fff}#clear-search{position:absolute;right:8px;width:32px;height:32px;border-radius:50%;color:#b3b3b3;display:flex;align-items:center;justify-content:center;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}#clear-search:hover{background:var(--surface-press);color:#fff}#clear-search .material-symbols-rounded{font-size:20px}.connection-status{margin-left:auto;min-height:30px;padding:0 var(--space-3);display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--surface-press);color:#b3b3b3;border:1px solid rgba(255,255,255,.08);font-size:var(--fs-tiny);font-weight:700;letter-spacing:.02em;transition:background var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.connection-status.online{background:#1db95424;color:var(--accent);border-color:#1db9543d}.connection-status.offline{background:#f15e6c24;color:#f15e6c;border-color:#f15e6c3d}.connection-status .material-symbols-rounded{font-size:15px}.view-container{height:calc(100% - var(--header-height));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--space-4) var(--space-6) var(--space-7);scroll-behavior:smooth;position:relative;z-index:1}.view{width:min(100%,var(--content-max));margin:0 auto;animation:pageIn var(--dur-base) var(--ease)}@keyframes pageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.view-container-inner{padding:var(--space-6) var(--space-6) var(--space-7)}.section-header{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-4)}.section-header h1,.section-header h2{margin:0}.section-header h1{font-size:var(--fs-page);letter-spacing:-.03em}.section-header h2{font-size:var(--fs-section);letter-spacing:-.02em}.section-header .icon-btn{width:32px;height:32px}.section-header-spaced{margin-top:var(--space-6)}.section-actions{display:flex;align-items:center;gap:var(--space-2)}.section-note,.inline-muted{color:#b3b3b3;font-size:var(--fs-meta);font-weight:500}.greeting{font-size:var(--fs-display);line-height:1.1;letter-spacing:-.04em;margin:var(--space-5) 0 var(--space-6);font-weight:800}.icon-btn{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#b3b3b3;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);flex-shrink:0}.icon-btn:hover{color:#fff;background:#ffffff14}.icon-btn:active{transform:scale(.94)}.icon-btn.active{color:var(--accent)}.icon-btn .material-symbols-rounded{font-size:20px}.play-btn,.play-btn-large{background:#fff;color:#000;border-radius:50%;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.play-btn:hover,.play-btn-large:hover{background:#fff;transform:scale(1.05);color:#000}.play-btn:active,.play-btn-large:active{transform:scale(.97)}.play-btn{width:40px;height:40px}.play-btn .material-symbols-rounded{font-size:26px;font-variation-settings:"FILL" 1,"wght" 600}.play-btn-large{width:56px;height:56px}.play-btn-large .material-symbols-rounded{font-size:34px;font-variation-settings:"FILL" 1,"wght" 600}.play-all-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--accent);color:#000;font-size:var(--fs-body);font-weight:700;letter-spacing:-.01em;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.play-all-btn:hover{transform:scale(1.03);background:#1ed760}.play-all-btn:active{transform:scale(.98)}.play-all-btn .material-symbols-rounded{font-size:22px;font-variation-settings:"FILL" 1,"wght" 600}.follow-btn{min-height:40px;padding:0 var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-pill);color:#fff;font-size:var(--fs-small);font-weight:700;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.follow-btn:hover{border-color:#fff}.follow-btn.following{border-color:var(--accent);color:var(--accent)}.follow-btn .material-symbols-rounded{font-size:18px}.pill-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-press);color:#fff;font-size:var(--fs-small);font-weight:600;transition:background var(--dur-fast) var(--ease)}.pill-btn:hover{background:var(--surface-active)}.pill-btn .material-symbols-rounded{font-size:18px}.chart-pills,.search-filters{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding:0 0 var(--space-2);margin-bottom:var(--space-5)}.chart-pills::-webkit-scrollbar,.search-filters::-webkit-scrollbar{display:none}.pill,.filter-pill{flex:0 0 auto;min-height:32px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-press);border:1px solid transparent;color:#fff;font-size:var(--fs-small);font-weight:600;white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.pill:hover,.filter-pill:hover{background:#333}.pill.active,.filter-pill.active{background:#fff;color:#000;border-color:#fff}.tabs{display:flex;gap:var(--space-5);margin:var(--space-3) 0 var(--space-5);border-bottom:1px solid rgba(255,255,255,.06)}.tab{position:relative;min-height:40px;padding:0 0 var(--space-3);color:#b3b3b3;font-size:var(--fs-small);font-weight:700;letter-spacing:.02em;transition:color var(--dur-fast) var(--ease)}.tab:hover,.tab.active{color:#fff}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--accent)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.scroll-row-container{position:relative;overflow:hidden;margin-bottom:var(--space-6)}.scroll-row{display:flex;gap:var(--space-4);overflow-x:auto;padding:2px 0 var(--space-2);scrollbar-width:none;scroll-snap-type:x proximity}.scroll-row::-webkit-scrollbar{display:none}.scroll-row .card{flex:0 0 180px;width:180px;scroll-snap-align:start}.card,.album-card,.artist-card{position:relative;min-width:0;background:transparent;border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:background var(--dur-fast) var(--ease);content-visibility:auto;contain-intrinsic-size:260px}.card:hover,.album-card:hover,.artist-card:hover{background:var(--surface-hover)}.card-img-container{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-active);margin-bottom:var(--space-3)}.card-img{width:100%;height:100%;transition:transform var(--dur-base) var(--ease)}.card:hover .card-img,.album-card:hover .card-img{transform:scale(1.03)}.card-title,.artist-card-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--fs-card);line-height:1.35;font-weight:600;color:#fff}.card-subtitle,.artist-card-tag{margin-top:var(--space-1);color:#b3b3b3;font-size:var(--fs-meta);line-height:1.4;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.play-overlay,.top-play{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#000;box-shadow:0 8px 20px #00000080;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.play-overlay:hover,.top-play:hover{transform:scale(1.06);background:#1ed760}.play-overlay{position:absolute;right:12px;bottom:12px;opacity:0;transform:translateY(8px);transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.play-overlay .material-symbols-rounded,.top-play .material-symbols-rounded{font-size:24px;font-variation-settings:"FILL" 1,"wght" 700}@media(hover:hover)and (pointer:fine){.card:hover .play-overlay,.top-result-card:hover .top-play{opacity:1;transform:none}}@media(hover:none),(pointer:coarse){.play-overlay{opacity:1;transform:none}}.artists-row{display:flex;gap:var(--space-4);overflow-x:auto;padding:2px 0 var(--space-3);margin-bottom:var(--space-6);scrollbar-width:none}.artists-row::-webkit-scrollbar{display:none}.artist-chip{width:108px;flex:0 0 108px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer}.artist-chip-img{width:92px;height:92px;border-radius:50%;background:var(--surface-active);border:1px solid rgba(255,255,255,.08);transition:transform var(--dur-base) var(--ease)}.artist-chip:hover .artist-chip-img{transform:scale(1.04)}.artist-chip-name{width:100%;text-align:center;font-size:var(--fs-small);font-weight:600;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.artist-card{text-align:left}.artist-card-img{width:100%;aspect-ratio:1;border-radius:50%;margin-bottom:var(--space-3);background:var(--surface-active);transition:transform var(--dur-base) var(--ease)}.artist-card:hover .artist-card-img{transform:scale(1.03)}.list-container{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-6)}.list-item{min-height:56px;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:background var(--dur-fast) var(--ease);content-visibility:auto;contain-intrinsic-size:56px}.list-item:hover{background:#ffffff0f}.list-item.active{background:#ffffff1a}.list-item.active .list-title{color:var(--accent)}.list-img{width:40px;height:40px;border-radius:var(--radius-xs);flex:0 0 40px;background:var(--surface-active)}.list-info{min-width:0;flex:1;overflow:hidden}.list-title{font-size:var(--fs-body);font-weight:500;line-height:1.3;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color var(--dur-fast) var(--ease)}.list-artist{margin-top:2px;color:#b3b3b3;font-size:var(--fs-meta);line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color var(--dur-fast) var(--ease)}.list-artist:hover{color:#fff;text-decoration:underline}.list-duration{flex:0 0 56px;text-align:right;color:#b3b3b3;font-size:var(--fs-meta);font-variant-numeric:tabular-nums}.list-meta{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3)}.list-size{font-size:var(--fs-meta);color:#b3b3b3;font-variant-numeric:tabular-nums;min-width:52px;text-align:right}.list-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto;opacity:0;transition:opacity var(--dur-fast) var(--ease)}.list-item:hover .list-actions,.list-item:focus-within .list-actions,.list-item.active .list-actions{opacity:1}.drag-handle{color:#6a6a6a!important;cursor:grab;font-size:20px!important;flex:0 0 auto}.list-item.dragging{opacity:.4;background:var(--surface-press)}.list-item.drag-over{box-shadow:inset 0 2px 0 var(--accent)}.list-item.resolving{opacity:.55}.list-item.resolving .list-title:after{content:"";display:inline-block;width:8px;height:8px;margin-left:var(--space-2);border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .65s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.search-section{margin-bottom:var(--space-6)}.search-section .section-header{margin-bottom:var(--space-3)}.top-result-card{width:min(640px,100%);min-height:200px;padding:var(--space-5);background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:end;gap:var(--space-5);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.top-result-card:hover{background:var(--surface-hover)}.top-result-img{width:120px;height:120px;border-radius:var(--radius-sm);box-shadow:0 12px 30px #00000080;background:var(--surface-active)}.top-result-img.round{border-radius:50%}.top-result-info{min-width:0}.top-result-info h3{font-size:26px;line-height:1.1;margin-bottom:var(--space-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;letter-spacing:-.03em}.top-result-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-press);color:#fff;font-size:var(--fs-tiny);font-weight:600}.top-play{opacity:0;transform:translateY(8px);transition:opacity var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.artist-hero{position:relative;min-height:400px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.artist-hero-blur{position:absolute;inset:-20%;background-size:cover;background-position:center;filter:blur(60px) brightness(.35) saturate(1.1);transform:scale(1.15)}.artist-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000001a,#00000059 45%,#000);pointer-events:none}.artist-hero-content{position:relative;z-index:2;display:flex;align-items:flex-end;gap:var(--space-5);padding:var(--space-6) var(--space-6) var(--space-4)}.artist-back-btn{position:absolute;top:var(--space-4);left:var(--space-4);width:36px;height:36px;background:#0000008c;color:#fff;z-index:3;backdrop-filter:blur(8px)}.artist-back-btn:hover{background:#000c}.artist-avatar{width:160px;height:160px;flex:0 0 160px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px #0000008c;background:var(--surface-active)}.artist-hero-info{min-width:0;padding-bottom:var(--space-2)}.artist-verified{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-3);color:#fff;font-size:var(--fs-tiny);font-weight:700;letter-spacing:.02em}.artist-verified .material-symbols-rounded{color:var(--accent);font-size:16px!important;font-variation-settings:"FILL" 1}.artist-hero-info h1{font-size:clamp(40px,6vw,72px);line-height:.95;letter-spacing:-.05em;font-weight:900;text-shadow:0 8px 24px rgba(0,0,0,.4)}.artist-hero-info p{margin-top:var(--space-3);color:#ffffffd9!important;font-size:var(--fs-small)!important;font-weight:500}.artist-hero-actions{position:relative;z-index:3;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6) var(--space-6)}.about-card{max-width:800px;padding:var(--space-5);background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);line-height:1.65;font-size:var(--fs-small);color:#b3b3b3}.about-card p+p{margin-top:var(--space-3)}.about-card strong{color:#fff}.about-card .about-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.08)}.about-card .about-stat-value{display:block;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.02em}.about-card .about-stat-label{display:block;margin-top:2px;color:#6a6a6a;font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.empty-state,.error-state{min-height:240px;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:#b3b3b3;text-align:center}.empty-state .material-symbols-rounded,.error-state .material-symbols-rounded{font-size:56px;color:#6a6a6a;font-variation-settings:"FILL" 0,"wght" 300}.empty-state p,.error-state p{font-size:var(--fs-body);font-weight:500;max-width:420px}.loading-spinner{width:32px;height:32px;margin:var(--space-6) auto;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.compact-spinner{min-width:32px;margin:var(--space-5) auto}.compact-empty{min-height:120px;padding:var(--space-5)}.dl-chip{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--surface-press);color:#b3b3b3;font-size:var(--fs-tiny);font-weight:700;letter-spacing:.01em;white-space:nowrap}.dl-chip.downloading,.dl-chip.downloaded{color:var(--accent);background:#1db9541f}.dl-chip.error{color:#f15e6c;background:#f15e6c1f}.dl-chip .material-symbols-rounded{font-size:14px!important;font-variation-settings:"FILL" 1,"wght" 700}.dl-progress-track{width:100%;height:3px;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-top:4px}.dl-progress-track>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width var(--dur-fast) linear}.offline-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#1db9541f,#1db95405);border:1px solid rgba(29,185,84,.18);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--fs-small);color:#fff}.offline-banner .material-symbols-rounded{color:var(--accent);font-size:20px;flex:0 0 auto}.offline-banner .offline-banner-text{flex:1;min-width:0}.offline-banner strong{font-weight:700}.storage-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5);background:linear-gradient(135deg,#1db95429,#1db95405 65%);border:1px solid rgba(29,185,84,.18);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.storage-summary-stats{display:flex;gap:var(--space-6);flex-wrap:wrap}.storage-summary-stat .stat-value{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#fff}.storage-summary-stat .stat-label{display:block;font-size:var(--fs-tiny);color:#b3b3b3;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:2px}.storage-summary-actions{display:flex;gap:var(--space-2);align-items:center}.downloads-toolbar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.downloads-search{position:relative;flex:1;max-width:360px}.downloads-search .material-symbols-rounded{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#b3b3b3;font-size:18px;pointer-events:none}#downloads-search-input{width:100%;height:38px;padding:0 var(--space-3) 0 38px;border-radius:var(--radius-pill);background:var(--surface-press);border:1px solid transparent;color:#fff;font-size:var(--fs-small);font-weight:500}#downloads-search-input:focus{border-color:#fff;background:var(--surface-active)}#downloads-search-input::-moz-placeholder{color:#6a6a6a}#downloads-search-input::placeholder{color:#6a6a6a}.mini-player{position:fixed;left:0;right:0;bottom:0;z-index:80;height:var(--mini-player-height);display:flex;flex-direction:column;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.08);transition:transform var(--dur-base) var(--ease)}.mini-progress{position:absolute;top:-1px;left:0;right:0;height:3px;background:#ffffff1a;cursor:pointer;z-index:2;transition:height var(--dur-fast) var(--ease)}.mini-progress:hover{height:5px}.progress-bar{width:0;height:100%;background:#fff;transition:width .1s linear}.mini-progress:hover .progress-bar{background:var(--accent)}.mini-player-content{flex:1;min-width:0;display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,1.4fr) minmax(180px,1fr);align-items:center;gap:var(--space-4);padding:0 var(--space-4)}.track-info{min-width:0;display:flex;align-items:center;gap:var(--space-3);cursor:pointer;border-radius:var(--radius-sm);padding:4px;margin-left:-4px;transition:background var(--dur-fast) var(--ease)}.track-info:hover{background:#ffffff0f}.track-art{width:56px;height:56px;border-radius:var(--radius-sm);flex:0 0 56px;background:var(--surface-active)}.track-text{min-width:0;overflow:hidden}.track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-small);font-weight:600;color:#fff}.track-artist{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b3b3b3;font-size:var(--fs-meta);font-weight:500}.player-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.player-controls .icon-btn{width:36px;height:36px}.full-player{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-6) var(--space-6);background:linear-gradient(180deg,#1a1a1a,#050505 60%,#000);transform:translateY(100%);transition:transform var(--dur-slow) var(--ease);overflow:hidden}.full-player.active{transform:translateY(0)}.full-player-header{min-height:48px;display:flex;align-items:center;justify-content:space-between;color:#b3b3b3;font-size:var(--fs-tiny);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.header-center{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.sleep-display{width:auto!important;height:26px!important;padding:0 var(--space-2)!important;border-radius:var(--radius-pill)!important;background:var(--surface-press)!important;color:var(--accent)!important;font-size:var(--fs-tiny)!important;font-weight:700!important;letter-spacing:.04em;text-transform:none;display:inline-flex;align-items:center}.full-player-art-container{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;margin:var(--space-3) auto var(--space-5);width:min(60vh,500px);max-width:92vw}.full-player-art-container img#full-art{position:relative;z-index:2;width:100%;aspect-ratio:1;border-radius:var(--radius-md);box-shadow:0 30px 80px #000c;background:var(--surface-active)}.art-lyrics-area{width:min(720px,100%);display:flex;flex-direction:column;gap:var(--space-3);min-height:0}.art-lyrics-tabs{display:flex;gap:var(--space-2);justify-content:center}.alt-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:var(--fs-small);font-weight:600;border:1px solid transparent;transition:background .15s ease,color .15s ease}.alt-tab.active{background:var(--surface-active);color:var(--text-primary)}.lyrics-panel{flex:1;min-height:220px;max-height:44vh;overflow-y:auto;padding:var(--space-4) var(--space-2);mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 32px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 32px),transparent 100%);scroll-behavior:smooth}.lyrics-line{font-size:clamp(1.05rem,2.6vw,1.35rem);font-weight:700;line-height:1.5;color:var(--text-secondary);opacity:.55;padding:6px var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:opacity .25s ease,color .25s ease,transform .2s ease}.lyrics-line:hover{opacity:.8}.lyrics-line.past{opacity:.35}.lyrics-line.active{opacity:1;color:var(--text-primary);transform:scale(1.02)}.lyrics-plain p{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);padding:2px var(--space-2);white-space:pre-wrap}.lyrics-status{height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--fs-small)}.lyrics-status .material-symbols-rounded{font-size:34px;opacity:.6}.full-player-info{width:min(720px,100%);margin:0 auto var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.full-track-text{min-width:0;flex:1}.full-track-text h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.03em}.full-track-text p{margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b3b3b3;font-size:var(--fs-body);font-weight:500}.full-player-info .icon-btn{width:40px;height:40px}.full-player-info .icon-btn .material-symbols-rounded{font-size:24px}.full-player-progress{width:min(720px,100%);margin:0 auto var(--space-4)}.time-info{display:flex;align-items:center;justify-content:space-between;margin-top:2px;color:#b3b3b3;font:11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.full-player-controls-main{width:min(720px,100%);margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;gap:var(--space-5)}.full-player-controls-main .icon-btn{width:40px;height:40px}.full-player-controls-main .icon-btn .material-symbols-rounded{font-size:26px}.full-player-bottom{width:min(720px,100%);margin:auto auto 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.volume-container{display:flex;align-items:center;gap:var(--space-2);width:160px;color:#b3b3b3}.volume-container input{flex:1}.volume-container .material-symbols-rounded{font-size:20px;cursor:pointer}.queue-panel{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;padding:var(--space-5) var(--space-6);background:#080808f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:slideUp var(--dur-base) var(--ease)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.queue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.queue-header h3{font-size:20px;font-weight:700;letter-spacing:-.02em}.queue-panel .list-container{flex:1;overflow-y:auto;margin-bottom:0;padding-right:var(--space-2)}.modal-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn var(--dur-base) var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{width:min(520px,100%);background:var(--surface-press);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 24px 80px #0009;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);max-height:82dvh;overflow-y:auto}.modal-content.wide{width:min(600px,100%)}.centered-modal{margin:auto;transform:translateY(10px);transition:transform var(--dur-base) var(--ease)}.bottom-sheet{margin-top:auto;border-radius:var(--radius-lg);transform:translateY(10px);transition:transform var(--dur-base) var(--ease)}.modal-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.ctx-art{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--surface-active);flex:0 0 56px}.modal-header h3{font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-header p{margin-top:4px;color:#b3b3b3;font-size:var(--fs-meta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-menu{display:flex;flex-direction:column;gap:2px}.menu-item{min-height:48px;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-3);border-radius:var(--radius-sm);color:#fff;font-size:var(--fs-body);font-weight:500;text-align:left;transition:background var(--dur-fast) var(--ease)}.menu-item:hover{background:var(--surface-hover)}.menu-item .material-symbols-rounded{font-size:20px;color:#b3b3b3}.menu-item.danger,.menu-item.danger .material-symbols-rounded{color:#f15e6c}.btn-cancel{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface-hover);color:#fff;font-weight:600;font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease)}.btn-cancel:hover{background:var(--surface-active)}.remote-pl-header{display:flex;gap:var(--space-5);align-items:flex-end;margin-bottom:var(--space-6)}.remote-pl-img{width:160px;height:160px;border-radius:var(--radius-md);box-shadow:0 20px 60px #0009;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.remote-pl-meta{min-width:0}.remote-pl-name{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;margin:0 0 var(--space-1)}.remote-pl-creator,.remote-pl-source{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--fs-small);margin:2px 0}.remote-pl-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.import-cta-row{display:flex;justify-content:flex-end;margin-bottom:var(--space-4)}.btn-import-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--surface);color:var(--text-primary);font-size:var(--fs-small);font-weight:600;border:1px solid var(--surface-active);transition:background .15s ease,transform .1s ease}.btn-import-cta:hover{background:var(--surface-hover)}.btn-import-cta:active{transform:scale(.98)}.import-progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) 0}.import-meter{width:100%;height:6px;border-radius:999px;background:var(--surface-active);overflow:hidden}.import-meter span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.import-failed-list{max-height:180px;overflow-y:auto;border:1px solid var(--surface-active);border-radius:var(--radius-sm);padding:var(--space-2);margin-bottom:var(--space-3)}.import-failed-row{display:flex;align-items:center;gap:8px;padding:6px 8px;color:var(--text-secondary);font-size:var(--fs-small)}.btn-primary{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--accent);color:#000;font-weight:700;font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn-primary:hover{background:#1ed760}.btn-danger-solid{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:#f15e6c;color:#fff;font-weight:700;font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease)}.btn-danger-solid:hover{background:#e04b58}.confirm-body{color:#b3b3b3;font-size:var(--fs-small);line-height:1.6;padding:var(--space-2) 0}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-3)}.name-prompt-input{width:100%;height:44px;padding:0 var(--space-3);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:var(--surface);color:#fff;font-size:var(--fs-body);font-family:inherit}.name-prompt-input:focus{border-color:#fff6}.sleep-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.sleep-option{min-height:48px;border-radius:var(--radius-md);background:var(--surface-hover);color:#fff;font-size:var(--fs-small);font-weight:600;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.sleep-option:hover{background:var(--surface-active)}.sleep-option.sleep-cancel{grid-column:1 / -1;color:#f15e6c;background:#f15e6c1f}.sleep-option.sleep-cancel:hover{background:#f15e6c33}.storage-block{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}.storage-block-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.storage-block .label{color:#b3b3b3;font-size:var(--fs-small);font-weight:500}.storage-block .value{font-size:var(--fs-body);font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.storage-meter{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.storage-meter>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width var(--dur-base) var(--ease)}.storage-persist-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);font-size:var(--fs-small);color:#b3b3b3}.storage-persist-row .material-symbols-rounded{font-size:20px;color:#b3b3b3}.storage-persist-row.granted .material-symbols-rounded{color:var(--accent);font-variation-settings:"FILL" 1}.toast-container{position:fixed;left:50%;bottom:calc(var(--mini-player-height) + var(--space-4));transform:translate(-50%);z-index:250;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.toast{padding:10px var(--space-5);border-radius:var(--radius-pill);background:var(--accent);color:#000;box-shadow:0 12px 32px #00000073;font-size:var(--fs-small);font-weight:700;letter-spacing:-.01em;animation:toastIn var(--dur-base) var(--ease);white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bottom-nav{display:none}@media(max-width:960px){:root{--sidebar-width: 210px;--mini-player-height: 76px}.sidebar{padding:var(--space-4) var(--space-2) var(--space-2)}.top-bar,.view-container,.view-container-inner{padding-left:var(--space-5);padding-right:var(--space-5)}.mini-player-content{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}.player-controls .icon-btn:not(.play-btn){display:none}.artist-hero-info h1{font-size:clamp(36px,7vw,56px)}.artist-avatar{width:130px;height:130px;flex-basis:130px}.storage-summary{flex-direction:column;align-items:flex-start}}@media(max-width:768px){:root{--mini-player-height: 64px;--header-height: 56px}body{display:block}.sidebar{display:none}.main-content{height:calc(100dvh - var(--mini-player-height) - var(--bottom-nav-height))}.top-bar{height:var(--header-height);padding:0 var(--space-4)}.mobile-logo{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:16px;font-weight:800;letter-spacing:-.04em}.mobile-logo .material-symbols-rounded{color:var(--accent);font-size:22px;font-variation-settings:"FILL" 1}.search-container{display:none;width:100%}.search-container.active{display:flex;position:absolute;inset:0;padding:6px var(--space-3);background:#090909;z-index:50}#search-input{height:44px}.view-container{height:calc(100% - var(--header-height));padding:var(--space-2) var(--space-3) var(--space-5)}.view-container-inner{padding:var(--space-5) var(--space-4) var(--space-6)}.greeting{margin:var(--space-3) 0 var(--space-5);font-size:26px}.section-header h1{font-size:24px}.section-header h2{font-size:18px}.grid-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.scroll-row .card{flex-basis:140px;width:140px}.card,.album-card,.artist-card{padding:var(--space-2)}.card-img-container{margin-bottom:var(--space-2)}.card-title,.artist-card-name{font-size:var(--fs-small)}.card-subtitle,.artist-card-tag{font-size:var(--fs-tiny)}.radios-row{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) 0 var(--space-4);scrollbar-width:none}.radios-row::-webkit-scrollbar{display:none}.radio-chip{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px;max-width:120px;padding:0;background:transparent;border:0;cursor:pointer}.radio-chip-img{width:120px;height:120px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 10px 30px #00000080;transition:transform .15s ease}.radio-chip:hover .radio-chip-img{transform:scale(1.04)}.radio-chip-name{font-size:var(--fs-small);font-weight:600;color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:116px}.radio-play-icon{position:absolute;top:78px;right:4px;font-size:28px;color:var(--accent);background:#000000bf;border-radius:50%}.artists-row{gap:var(--space-3)}.artist-chip{width:84px;flex-basis:84px}.artist-chip-img{width:72px;height:72px}.artist-chip-name{font-size:var(--fs-tiny)}.list-item{min-height:56px;padding:var(--space-2) var(--space-2);gap:var(--space-3)}.list-img{width:44px;height:44px;flex-basis:44px}.list-duration,.list-size{display:none}.list-actions{opacity:1}.top-result-card{grid-template-columns:88px minmax(0,1fr);min-height:120px;padding:var(--space-4);gap:var(--space-3)}.top-result-img{width:88px;height:88px}.top-result-info h3{font-size:18px}.top-result-card .top-play{display:none}.artist-hero{min-height:340px}.artist-hero-content{align-items:flex-end;padding:var(--space-5) var(--space-4) var(--space-3);gap:var(--space-4)}.artist-avatar{width:100px;height:100px;flex-basis:100px}.artist-hero-info h1{font-size:34px}.artist-hero-actions{padding:var(--space-2) var(--space-4) var(--space-5);flex-wrap:wrap}.play-all-btn{min-height:44px;padding:0 var(--space-4)}.follow-btn{min-height:40px}.about-card{padding:var(--space-4)}.full-player{padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) var(--space-5)}.full-player-art-container{width:min(78vw,360px);margin-bottom:var(--space-4)}.full-track-text h2{font-size:22px}.full-player-controls-main{gap:var(--space-3);margin-bottom:var(--space-4)}.play-btn-large{width:60px;height:60px}.full-player-bottom{padding-bottom:env(safe-area-inset-bottom)}.volume-container{display:none}.mini-player{bottom:var(--bottom-nav-height)}.mini-player-content{padding:0 var(--space-3);grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.track-art{width:46px;height:46px;flex-basis:46px}.track-title{font-size:var(--fs-meta)}.track-artist{font-size:var(--fs-tiny)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:#000000fa;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid rgba(255,255,255,.08);z-index:90}.bottom-nav .nav-item{flex:1;flex-direction:column;justify-content:center;gap:3px;min-height:unset;padding:6px 0;border-radius:0;font-size:10px;font-weight:600;letter-spacing:.01em}.bottom-nav .nav-item .material-symbols-rounded{font-size:22px}.bottom-nav .nav-item.active{background:transparent;color:#fff}.toast-container{bottom:calc(var(--mini-player-height) + var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-3))}.queue-panel,.storage-summary{padding:var(--space-4)}.storage-summary-stat .stat-value{font-size:20px}}@media(max-width:380px){.artist-hero-info h1{font-size:28px}.full-player-art-container{width:min(72vw,300px)}.menu-item{font-size:var(--fs-small)}}