*,: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}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--fs-body);color:var(--text-primary);background:var(--bg);min-height:100vh;min-height:100dvh;height:100vh;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;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}img{display:block;-o-object-fit:cover;object-fit:cover;max-width:100%}::-moz-selection{background:#1ed7604d}::selection{background:#1ed7604d}h1,h2,h3{font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}button:focus-visible{outline-offset:3px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a3d3c;border:3px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#555957;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}.text-\[0\.9em\]{font-size:.9em}.text-\[0\.9rem\]{font-size:.9rem}.text-\[15px\]{font-size:15px}.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,select,textarea{font-size:max(16px,1em)!important}input[type=range]{width:100%;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;font-size:inherit}input[type=range]::-webkit-slider-runnable-track{height:4px;background:#ffffff2e;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:#ffffff2e;border-radius:999px}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.\[mm\:ss\.xx\]{mm:ss.xx}.\[mm\:ss\]{mm:ss}:root{color-scheme:dark;--bg: #0b0b0c;--bg-elevated: #141416;--bg-gradient: linear-gradient(180deg, rgba(46, 160, 92, .16), rgba(0, 0, 0, 0));--surface: #181a19;--surface-hover: #1f2221;--surface-active: #282b2a;--surface-press: #2a2d2c;--text-primary: #f4f6f5;--text-secondary: #a7aca9;--text-muted: #6f7572;--text-disabled: #4a4f4d;--accent: #1ed760;--accent-strong: #16b854;--accent-soft: rgba(30, 215, 96, .12);--accent-border: rgba(30, 215, 96, .25);--danger: #f15e6c;--danger-soft: rgba(241, 94, 108, .12);--line: rgba(255, 255, 255, .07);--divider: rgba(255, 255, 255, .05);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--sidebar-width: 236px;--mini-player-height: 76px;--bottom-nav-height: 58px;--header-height: 60px;--content-max: 1440px;--gutter: var(--space-6);--fs-display: 30px;--fs-page: 26px;--fs-section: 20px;--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: .3s}@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}#root{display:flex;width:100%;min-width:0}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}@supports (-webkit-touch-callout: none){@media(display-mode:standalone),(display-mode:fullscreen){body{padding-top:env(safe-area-inset-top)}}}.hidden{display:none!important}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);height:calc(100vh - var(--mini-player-height));height:calc(100dvh - var(--mini-player-height));padding:var(--space-5) var(--space-3) var(--space-3);background:#0a0a0b;border-right:1px solid var(--divider);display:flex;flex-direction:column;gap:var(--space-2);z-index:40;overflow-y:auto;overflow-x:hidden}.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:#fff}.logo .material-symbols-rounded{color:var(--accent);font-size:28px;font-variation-settings:"FILL" 1,"wght" 600}.logo-044{color:var(--accent);font-weight:800;letter-spacing:-.04em}.mobile-logo{display:none}.mobile-logo .logo-044{font-size:17px}.nav-links{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);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;color:var(--accent)}.divider{height:1px;background:var(--divider);margin:var(--space-4) var(--space-3) var(--space-2)}.top-bar{height:var(--header-height);padding:0 var(--gutter);display:flex;align-items:center;gap:var(--space-4);position:sticky;top:0;z-index:20;background:#0b0b0cb8;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px)}.search-container{width:min(420px,100%);position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;color:var(--text-secondary);pointer-events:none;font-size:20px;transition:color var(--dur-fast) var(--ease)}#search-input{width:100%;height:42px;padding:0 44px;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--surface-hover);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:var(--text-muted)}#search-input::placeholder{color:var(--text-muted)}#search-input:hover{background:var(--surface-active)}#search-input:focus{border-color:#ffffff80;background:var(--surface-active)}.search-container:focus-within .search-icon{color:#fff}#clear-search{position:absolute;right:8px;width:32px;height:32px;border-radius:50%;color:var(--text-secondary);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:var(--text-secondary);border:1px solid var(--line);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:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.connection-status.offline{background:var(--danger-soft);color:var(--danger);border-color:#f15e6c40}.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(--gutter) 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-5) var(--gutter) 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:var(--text-secondary);font-size:var(--fs-meta);font-weight:500}.greeting{font-size:var(--fs-display);line-height:1.1;letter-spacing:-.04em;margin:var(--space-4) 0 var(--space-5);font-weight:800}.icon-btn{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);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:#04140a;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:#22e06b}.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:38px;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:34px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-hover);border:1px solid transparent;color:var(--text-primary);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:var(--surface-active)}.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 var(--divider)}.tab{position:relative;min-height:40px;padding:0 0 var(--space-3);color:var(--text-secondary);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(170px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.scroll-row-container{position:relative;overflow:hidden;margin-bottom:var(--space-6)}.scroll-row{display:flex;gap:var(--space-3);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 172px;width:172px;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)}.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:var(--text-primary)}.card-subtitle,.artist-card-tag{margin-top:var(--space-1);color:var(--text-secondary);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:#04140a;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:#22e06b}.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}}.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(--gutter) 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);-webkit-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(--gutter) var(--space-6)}.album-cover-avatar{border-radius:var(--radius-md)}.album-cover-fallback{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.about-card{max-width:800px;padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);line-height:1.65;font-size:var(--fs-small);color:var(--text-secondary)}.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 var(--line)}.about-card .about-stat-value{display:block;font-size:24px;font-weight:800;color:#fff;letter-spacing:-.02em}.about-card .about-stat-text{font-size:16px}.about-card .about-stat-label{display:block;margin-top:2px;color:var(--text-muted);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.discover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--space-3) var(--space-2);justify-items:center}.discover-grid .artist-chip{width:auto;flex:initial}.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 var(--line);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:var(--text-primary);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)}.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%}.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:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color var(--dur-fast) var(--ease)}.list-artist{margin-top:2px;color:var(--text-secondary);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:var(--text-secondary);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:var(--text-secondary);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:var(--text-muted)!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)}}@media(max-height:480px)and (orientation:landscape){:root{--header-height: 48px;--bottom-nav-height: 52px}.sidebar{padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.mini-player{bottom:env(safe-area-inset-bottom)}.mini-player-content{padding-left:max(var(--space-3),env(safe-area-inset-left));padding-right:max(var(--space-3),env(safe-area-inset-right))}.greeting{font-size:20px;margin:var(--space-2) 0 var(--space-3)}.full-player-art-container{width:min(40vh,300px)}.lyrics-panel{max-height:30vh}}.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 var(--line);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)}.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:var(--text-secondary);text-align:center}.empty-state .material-symbols-rounded,.error-state .material-symbols-rounded{font-size:56px;color:var(--text-muted);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:var(--text-secondary);font-size:var(--fs-tiny);font-weight:700;letter-spacing:.01em;white-space:nowrap}.dl-chip.downloading,.dl-chip.downloaded{color:var(--accent);background:var(--accent-soft)}.dl-chip.error{color:var(--danger);background:var(--danger-soft)}.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:var(--accent-soft);border:1px solid var(--accent-border);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:var(--accent-soft);border:1px solid var(--accent-border);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:var(--text-secondary);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:var(--text-secondary);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:#ffffff80;background:var(--surface-active)}#downloads-search-input::-moz-placeholder{color:var(--text-muted)}#downloads-search-input::placeholder{color:var(--text-muted)}.settings-group{max-width:640px}.settings-subtitle{font-size:var(--fs-section);margin-bottom:var(--space-1)}.settings-note{color:var(--text-secondary);font-size:var(--fs-small);margin-bottom:var(--space-4)}.settings-lang-item{border:1px solid transparent}.settings-lang-item.active{background:var(--surface-hover);border-color:var(--accent-border)}.settings-lang-native{flex:1;min-width:0}.settings-lang-sub{color:var(--text-secondary);font-size:var(--fs-meta)}.settings-lang-check{color:var(--accent)!important;font-variation-settings:"FILL" 1}.mini-player{position:fixed;left:0;right:0;bottom:0;z-index:80;height:var(--mini-player-height);display:flex;flex-direction:column;background:#0e0f0eeb;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line);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:var(--accent);transition:width .1s linear}.mini-progress:hover .progress-bar{background:#fff}.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:52px;height:52px;border-radius:var(--radius-sm);flex:0 0 52px;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:var(--text-primary)}.track-artist{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-size:var(--fs-meta);font-weight:500}.track-progress{display:none;height:12px;align-items:center;cursor:pointer}.track-progress .progress-bar{height:3px;border-radius:999px;background:var(--text-secondary)}.track-progress:hover .progress-bar,.track-progress:active .progress-bar{background:var(--accent)}.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) calc(var(--space-5) + env(safe-area-inset-bottom));background:linear-gradient(180deg,#1c211e,#0a0c0b 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:var(--text-secondary);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:var(--text-secondary);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:var(--text-secondary);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:var(--text-secondary)}.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:#080908f5;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 var(--line)}.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);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));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 var(--line);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:82vh;max-height:82dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:max(var(--space-5),env(safe-area-inset-bottom))}.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 var(--line)}.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:var(--text-secondary);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:var(--text-primary);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:var(--text-secondary)}.menu-item.danger,.menu-item.danger .material-symbols-rounded{color:var(--danger)}.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}.btn-primary{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--accent);color:#04140a;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:#22e06b}.btn-danger-solid{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-weight:700;font-size:var(--fs-small);transition:background var(--dur-fast) var(--ease)}.btn-danger-solid:hover{background:#e04b58}.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)}.confirm-body{color:var(--text-secondary);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 var(--line);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:var(--danger);background:var(--danger-soft)}.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 var(--line);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:var(--text-secondary);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 var(--line);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--text-secondary)}.storage-persist-row .material-symbols-rounded{font-size:20px;color:var(--text-secondary)}.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) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:250;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none;max-width:calc(100vw - 32px)}.toast{padding:10px var(--space-5);border-radius:var(--radius-pill);background:var(--accent);color:#04140a;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;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bottom-nav{display:none}@media(max-width:960px){:root{--sidebar-width: 200px;--gutter: var(--space-5)}.sidebar{padding:var(--space-4) var(--space-2) var(--space-2)}.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: 62px;--header-height: 56px;--gutter: var(--space-4)}body,#root{display:block}.sidebar{display:none}.main-content{height:calc(100vh - var(--mini-player-height) - var(--bottom-nav-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - var(--mini-player-height) - var(--bottom-nav-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.top-bar{height:var(--header-height);padding:0 var(--space-3)}.mobile-logo{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:16px;font-weight:800;letter-spacing:-.04em}.search-container{display:none;width:100%}.search-container.active{display:flex;position:absolute;inset:0;padding:6px var(--space-3);background:var(--bg);z-index:50}#search-input{height:44px}.view-container{height:calc(100% - var(--header-height));padding:var(--space-2) var(--space-3) var(--space-6)}.greeting{margin:var(--space-2) 0 var(--space-4);font-size:24px}.section-header h1{font-size:22px}.section-header h2{font-size:17px}.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)}.artists-row{gap:var(--space-3)}.artist-chip-img{width:72px;height:72px}.artist-chip-name{font-size:var(--fs-tiny)}.radios-row{gap:var(--space-2)}.radio-chip{min-width:96px;max-width:96px}.radio-chip-img{width:96px;height:96px}.radio-chip-name{font-size:var(--fs-tiny);max-width:92px}.radio-play-icon{top:64px;font-size:24px}.list-item{min-height:56px;padding: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)}.mini-player{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:0}.mini-player .mini-progress{display:none}.mini-player-content{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;padding:0 var(--space-2);gap:0 var(--space-2)}.track-info{grid-row:1;grid-column:1}.player-controls{grid-row:1;grid-column:2;gap:var(--space-1)}.track-progress{display:flex;grid-row:2;grid-column:1 / -1;margin:2px var(--space-2) 4px}.mini-spacer{display:none}.track-art{width:44px;height:44px;flex-basis:44px}.track-title{font-size:var(--fs-meta)}.track-artist{font-size:var(--fs-tiny)}.bottom-nav{position:fixed;inset:auto 0 0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:#0a0b0afa;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--line);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))}.full-player{padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom))}.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}.volume-container{display:none}.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)}}@media(max-height:480px)and (orientation:landscape){:root{--bottom-nav-height: 52px}.greeting{font-size:20px;margin:var(--space-2) 0 var(--space-3)}.full-player-art-container{width:min(40vh,300px)}.lyrics-panel{max-height:30vh}}