:root{--bg-dark: var(--bg-primary, #0a0a0a);--bg-card: var(--bg-secondary, #1a1a1a);--bg-hover: #252525;--sidebar-width: 260px;--sidebar-bg: #111111;--sidebar-border: rgba(255, 255, 255, .06);--mini-player-height: 72px;--tab-bar-height: 56px;--header-height: 60px;--quality-flac-bg: linear-gradient(135deg, #f59e0b, #d97706);--quality-flac-text: #f59e0b;--quality-320-bg: linear-gradient(135deg, #10b981, #059669);--quality-320-text: #10b981;--quality-128-bg: rgba(255, 255, 255, .15);--quality-128-text: #a0a0a0;--quality-preview-bg: rgba(var(--accent-rgb, 144,26,29), .3);--quality-preview-text: var(--accent-light, #b52428);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(20px);--glow-accent: 0 0 40px rgba(var(--accent-rgb, 144,26,29), .15);--glow-quality: 0 0 20px rgba(245, 158, 11, .1);--glow-hover: 0 8px 32px rgba(0, 0, 0, .4);--fc-gradient: linear-gradient(135deg, var(--accent, #901A1D) 0%, #d4af37 100%);--fc-badge-bg: rgba(212, 175, 55, .15);--fc-badge-text: #d4af37}.streaming-shell{display:flex;min-height:calc(100vh - var(--header-height));background:var(--bg-dark)}.streaming-main{flex:1;min-width:0;overflow-y:auto;padding-bottom:calc(var(--mini-player-height) + 20px)}.streaming-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);height:calc(100vh - var(--header-height) - var(--mini-player-height));position:sticky;top:var(--header-height);overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--bg-hover) transparent}.streaming-sidebar::-webkit-scrollbar{width:4px}.streaming-sidebar::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:2px}.sidebar-search{padding:1rem}.sidebar-search-input{width:100%;padding:.625rem 1rem .625rem 2.25rem;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text-primary);font-size:.8125rem;transition:all .2s}.sidebar-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #901a1d33}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-search-wrapper{position:relative}.sidebar-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.75rem;pointer-events:none}.sidebar-nav{padding:0 .5rem}.sidebar-nav-group{margin-bottom:1.25rem}.sidebar-nav-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 .75rem;margin-bottom:.375rem}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:#901a1d26;color:var(--accent-light)}.sidebar-nav-item i{width:20px;text-align:center;font-size:.9375rem}.sidebar-nav-item .nav-count{margin-left:auto;font-size:.75rem;color:var(--text-muted)}.sidebar-fc-item{display:flex;align-items:center;gap:.625rem;padding:.375rem .75rem;border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:.8125rem;transition:all .15s}.sidebar-fc-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-fc-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.sidebar-fc-badge{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--fc-badge-text)}.sidebar-divider{height:1px;background:var(--sidebar-border);margin:.75rem 1rem}.sidebar-now-playing{padding:1rem;border-top:1px solid var(--sidebar-border);margin-top:auto}.sidebar-np-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem}.sidebar-np-artwork{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;margin-bottom:.75rem;background:var(--bg-card)}.sidebar-np-title{color:var(--text-primary);font-weight:600;font-size:.9375rem;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-np-artist{color:var(--text-secondary);font-size:.8125rem;margin-bottom:.625rem}.sidebar-np-artist a{color:inherit;text-decoration:none}.sidebar-np-artist a:hover{color:var(--text-primary);text-decoration:underline}.sidebar-np-actions{display:flex;gap:.5rem}.sidebar-np-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8125rem;transition:all .15s}.sidebar-np-btn:hover{border-color:var(--text-secondary);color:var(--text-primary);background:var(--bg-hover)}.sidebar-np-btn.active{color:var(--accent);border-color:var(--accent)}.sidebar-queue{padding:0 1rem 1rem}.sidebar-queue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.sidebar-queue-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.sidebar-queue-clear{font-size:.75rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0}.sidebar-queue-clear:hover{color:var(--accent)}.sidebar-queue-item{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.8125rem}.sidebar-queue-item-art{width:32px;height:32px;border-radius:4px;object-fit:cover;background:var(--bg-card)}.sidebar-queue-item-title{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sidebar-queue-item-duration{color:var(--text-muted);font-size:.75rem}.streaming-tab-bar{display:none;position:fixed;bottom:calc(var(--mini-player-height) + env(safe-area-inset-bottom,0px));left:0;right:0;height:var(--tab-bar-height);background:#111111f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--sidebar-border);z-index:999;justify-content:space-around;align-items:center;padding:0 1rem}.tab-bar-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-muted);text-decoration:none;font-size:.625rem;font-weight:500;padding:.375rem .75rem;transition:color .15s}.tab-bar-item i{font-size:1.25rem}.tab-bar-item.active,.tab-bar-item:hover{color:var(--accent-light)}.streaming-page{background:var(--bg-dark);min-height:100vh;padding-bottom:100px}.streaming-page--padded{padding:2rem}.streaming-container{max-width:1400px;margin:0 auto}.streaming-container--narrow{max-width:1200px}.s-section{margin-bottom:2.5rem}.s-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.s-section-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.625rem}.s-section-title i{color:var(--accent);font-size:1.125rem}.s-see-all{color:var(--text-secondary);font-size:.8125rem;text-decoration:none;font-weight:500;transition:color .2s}.s-see-all:hover{color:var(--text-primary)}.s-track-list{display:flex;flex-direction:column;gap:.125rem}.s-track-row{display:flex;align-items:center;gap:1rem;padding:.625rem .75rem;border-radius:6px;transition:all .15s;cursor:pointer}.s-track-row:hover{background:var(--bg-hover)}.s-track-row.playing{background:linear-gradient(90deg,rgba(144,26,29,.15),transparent)}.s-track-number{width:24px;color:var(--text-muted);text-align:center;font-size:.875rem;flex-shrink:0}.s-track-row:hover .s-track-number .num{display:none}.s-track-row:hover .s-track-number .play-icon{display:block}.s-track-number .play-icon{display:none;color:var(--accent)}.s-track-art{width:44px;height:44px;border-radius:4px;object-fit:cover;background:var(--bg-card);flex-shrink:0}.s-track-info{flex:1;min-width:0}.s-track-title{color:var(--text-primary);font-weight:500;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-track-row.playing .s-track-title{color:var(--accent)}.s-track-artist{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-track-artist a{color:inherit;text-decoration:none}.s-track-artist a:hover{color:var(--text-primary);text-decoration:underline}.s-track-meta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.s-track-plays{color:var(--text-muted);font-size:.8125rem;display:flex;align-items:center;gap:.25rem}.s-track-duration{color:var(--text-muted);font-size:.8125rem;min-width:40px;text-align:right}.s-track-actions{opacity:0;transition:opacity .15s;display:flex;gap:.25rem}.s-track-row:hover .s-track-actions{opacity:1}.s-track-action-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s}.s-track-action-btn:hover{color:var(--text-primary);background:#ffffff1a}.s-track-action-btn.saved,.s-track-action-btn.saved:hover{color:var(--accent);opacity:1}.s-track-explicit{display:inline-block;padding:.0625rem .3125rem;background:var(--text-muted);color:var(--bg-dark);font-size:.5625rem;font-weight:700;border-radius:2px;margin-left:.375rem;vertical-align:middle}.s-track-quality-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.s-track-quality-dot.flac{background:var(--quality-flac-text)}.s-track-quality-dot.q320{background:var(--quality-320-text)}.s-track-quality-dot.q128{background:var(--quality-128-text)}.s-album-card{display:block;text-decoration:none;transition:transform .2s}.s-album-card:hover{transform:translateY(-4px)}.s-album-art-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-card);margin-bottom:.625rem;transition:box-shadow .3s}.s-album-art{width:100%;height:100%;object-fit:cover;display:block}.s-album-play-btn{position:absolute;bottom:8px;right:8px;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;font-size:.875rem}.s-album-card:hover .s-album-play-btn{opacity:1;transform:translateY(0)}.s-album-info{min-width:0}.s-album-meta{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-album-separator{margin:0 .25rem;color:var(--text-muted)}.s-album-card:hover .s-album-art-wrap{box-shadow:var(--glow-hover)}.s-album-title{color:var(--text-primary);font-weight:600;font-size:.875rem;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-album-artist{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-album-type-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;background:var(--accent);color:#fff;margin-bottom:.375rem}.s-artist-card{display:block;text-align:center;text-decoration:none;transition:transform .2s}.s-artist-card:hover{transform:translateY(-4px)}.s-artist-img-wrap{position:relative;width:100%;max-width:150px;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0 auto .75rem;border:3px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(135deg,var(--accent),#217C7E) border-box;transition:all .3s}.s-artist-img{width:100%;height:100%;object-fit:cover;display:block}.s-artist-fc-badge{position:absolute;bottom:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#d4a017;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.625rem;border:2px solid var(--bg-card)}.s-artist-info{min-width:0}.s-artist-card:hover .s-artist-img-wrap{box-shadow:0 0 30px var(--accent-glow);transform:scale(1.03)}.s-artist-name{color:var(--text-primary);font-weight:600;font-size:.9375rem;margin-bottom:.125rem}.s-artist-meta{color:var(--text-muted);font-size:.8125rem}.s-verified-badge{color:#1da1f2;margin-left:.25rem;font-size:.8125rem}.s-fc-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:10px;background:var(--fc-badge-bg);color:var(--fc-badge-text);font-size:.6875rem;font-weight:600;margin-top:.375rem}.s-quality-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.s-quality-badge.flac{background:var(--quality-flac-bg);color:#000}.s-quality-badge.q320{background:var(--quality-320-bg);color:#000}.s-quality-badge.q128{background:var(--quality-128-bg);color:var(--text-secondary)}.s-quality-badge.preview{background:var(--quality-preview-bg);color:var(--quality-preview-text)}.s-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(150px,180px));justify-content:start}.s-grid--albums{grid-template-columns:repeat(auto-fit,minmax(170px,200px))}.s-grid--artists{grid-template-columns:repeat(auto-fit,minmax(150px,180px))}.s-grid--results{grid-template-columns:repeat(auto-fit,minmax(180px,220px))}.s-carousel{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem}.s-carousel::-webkit-scrollbar{display:none}.s-carousel-item{scroll-snap-align:start;flex-shrink:0}.s-carousel>.s-album-card{flex-shrink:0;width:160px;scroll-snap-align:start}.s-carousel>.s-artist-card{flex-shrink:0;width:140px;scroll-snap-align:start}.s-action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem}.s-action-card{position:relative;border-radius:12px;padding:1.5rem;min-height:160px;overflow:hidden;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none}.s-action-card:hover{transform:translateY(-2px);box-shadow:var(--glow-hover)}.s-action-card--daily-mix{background:linear-gradient(135deg,#1a0a2e,#0a1a2e,#0a2e1a)}.s-action-card--new-releases{background:linear-gradient(135deg,#1a0a0a,#2e1a0a)}.s-action-card--fan-club{background:var(--fc-gradient)}.s-action-card-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff9;margin-bottom:.375rem}.s-action-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.s-action-card-subtitle{font-size:.8125rem;color:#ffffffb3}.s-action-card-play{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0;transform:scale(.8);transition:all .2s}.s-action-card:hover .s-action-card-play{opacity:1;transform:scale(1)}.s-action-card-count{position:absolute;top:1rem;right:1rem;background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .625rem;border-radius:10px}.s-genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.s-genre-tile{position:relative;padding:1.25rem 1rem;border-radius:8px;text-decoration:none;overflow:hidden;transition:all .2s;min-height:80px;display:flex;flex-direction:column;justify-content:flex-end}.s-genre-tile:hover{transform:translateY(-2px);box-shadow:var(--glow-hover)}.s-genre-tile-name{color:var(--text-primary);font-weight:700;font-size:1rem;text-transform:capitalize}.s-genre-tile-count{color:#fff9;font-size:.75rem;margin-top:.125rem}.s-genre-tile:nth-child(8n+1){background:linear-gradient(135deg,#1a3a5c,#0a1a2e)}.s-genre-tile:nth-child(8n+2){background:linear-gradient(135deg,#5c1a3a,#2e0a1a)}.s-genre-tile:nth-child(8n+3){background:linear-gradient(135deg,#1a5c3a,#0a2e1a)}.s-genre-tile:nth-child(8n+4){background:linear-gradient(135deg,#5c3a1a,#2e1a0a)}.s-genre-tile:nth-child(8n+5){background:linear-gradient(135deg,#3a1a5c,#1a0a2e)}.s-genre-tile:nth-child(8n+6){background:linear-gradient(135deg,#1a5c5c,#0a2e2e)}.s-genre-tile:nth-child(8n+7){background:linear-gradient(135deg,#5c5c1a,#2e2e0a)}.s-genre-tile:nth-child(8n+8){background:linear-gradient(135deg,#3a5c1a,#1a2e0a)}.s-activity-list{display:flex;flex-direction:column;gap:.125rem}.s-activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;transition:background .15s}.s-activity-item:hover{background:var(--bg-hover)}.s-activity-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.s-activity-content{flex:1;min-width:0}.s-activity-text{color:var(--text-primary);font-size:.875rem}.s-activity-text strong{font-weight:600}.s-activity-time{color:var(--text-muted);font-size:.75rem;margin-top:.125rem}.s-activity-action{flex-shrink:0}.s-page-header{background:linear-gradient(180deg,#1a1a1a 0%,var(--bg-dark) 100%);padding:3rem 2rem 2rem;display:flex;gap:2rem;align-items:flex-end;max-width:1400px;margin:0 auto}.s-page-header-image{width:220px;height:220px;border-radius:8px;object-fit:cover;box-shadow:0 10px 40px #00000080;flex-shrink:0}.s-page-header-image.circular{border-radius:50%}.s-page-header-info{flex:1;min-width:0}.s-page-header-type{color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.375rem}.s-page-header-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.375rem;line-height:1.1}.s-page-header-subtitle{color:var(--text-secondary);font-size:.9375rem;margin-bottom:.25rem}.s-page-header-subtitle a{color:var(--text-primary);text-decoration:none}.s-page-header-subtitle a:hover{text-decoration:underline}.s-page-header-meta{color:var(--text-muted);font-size:.8125rem;margin-bottom:1.25rem}.s-page-header-stats{display:flex;gap:2rem;color:var(--text-secondary);font-size:.875rem;margin-bottom:1.25rem}.s-page-header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.s-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:30px;border:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;text-decoration:none}.s-btn--primary{background:var(--accent);color:#fff}.s-btn--primary:hover{transform:scale(1.03);box-shadow:var(--glow-accent)}.s-btn--secondary{background:transparent;border:1px solid var(--text-secondary);color:var(--text-primary)}.s-btn--secondary:hover{border-color:var(--text-primary)}.s-btn--ghost{background:transparent;color:var(--text-secondary);padding:.625rem 1rem}.s-btn--ghost:hover{color:var(--text-primary)}.s-btn--outline{background:transparent;border:1px solid var(--text-secondary);color:var(--text-primary)}.s-btn--outline:hover{border-color:var(--text-primary);background:var(--bg-hover)}.s-btn--fc{background:var(--fc-gradient);color:#fff}.s-btn--fc:hover{box-shadow:0 0 20px #d4af374d}.s-search-form{display:flex;gap:.5rem;max-width:600px}.s-search-input{flex:1;padding:.875rem 1.25rem;border-radius:30px;border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text-primary);font-size:.9375rem;transition:all .2s}.s-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #901a1d33}.s-search-input::placeholder{color:var(--text-muted)}.s-tabs{display:flex;gap:.375rem;margin-bottom:1.5rem}.s-tab{padding:.5rem 1.25rem;border-radius:30px;border:none;background:var(--bg-card);color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.s-empty,.s-empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.s-empty i{font-size:3rem;margin-bottom:.75rem;opacity:.5}.s-empty h3{color:var(--text-secondary);font-size:1.125rem;margin-bottom:.375rem}.s-empty p{font-size:.875rem;margin-bottom:1rem}.s-playlist-artwork{display:grid;grid-template-columns:1fr 1fr;gap:2px;overflow:hidden;border-radius:8px;background:var(--bg-card);box-shadow:0 10px 40px #00000080}.s-playlist-artwork img{width:100%;height:100%;object-fit:cover}.s-playlist-artwork.single img{grid-column:1 / -1;grid-row:1 / -1}.s-pagination{display:flex;justify-content:center;gap:.375rem;margin-top:2rem}.s-pagination a,.s-pagination span{padding:.5rem .875rem;border-radius:6px;background:var(--bg-card);color:var(--text-primary);text-decoration:none;font-size:.875rem;transition:background .15s}.s-pagination a:hover{background:var(--bg-hover)}.s-pagination .active{background:var(--accent);color:#fff}.s-waveform{position:relative;cursor:default;border-radius:4px;overflow:hidden;--wf-color: var(--accent);--wf-progress: var(--accent-light, #c0392b)}.s-waveform--interactive{cursor:pointer}.s-waveform-canvas{width:100%;height:100%;display:block}.s-waveform--fallback{background:var(--bg-hover);border-radius:2px}.s-waveform-bar-fallback{height:100%;width:0%;background:var(--accent);border-radius:2px;transition:width .3s linear}.s-greeting{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.75rem;padding:2rem 2rem 0}.s-page{min-height:100vh;padding-bottom:2rem}.s-page-container{max-width:1200px;margin:0 auto;padding:2rem}.s-page-greeting{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.75rem}.s-page-header-simple{margin-bottom:1.5rem}.s-page-title{font-size:2.5rem;font-weight:800;color:var(--text-primary)}.s-activity-feed{display:flex;flex-direction:column;gap:.125rem;background:var(--bg-card);border-radius:8px;padding:.375rem}.s-activity-item{text-decoration:none}.s-activity-artist{font-weight:600;color:var(--text-primary);font-size:.875rem}.s-activity-meta{display:flex;align-items:center;gap:.375rem;color:var(--text-muted);font-size:.75rem;flex-shrink:0;white-space:nowrap}.s-action-icon{font-size:2rem;color:#ffffff4d;position:absolute;top:1rem;right:1rem}.s-action-text{position:relative;z-index:1}.s-action-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.125rem}.s-action-subtitle{font-size:.8125rem;color:#ffffffb3}.s-action-badge{position:absolute;top:.75rem;left:.75rem;background:#00000080;color:#fff;font-size:.6875rem;font-weight:700;padding:.1875rem .5rem;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.s-genre-name{color:var(--text-primary);font-weight:700;font-size:1rem;text-transform:capitalize}.s-genre-count{color:#fff9;font-size:.75rem;margin-top:.125rem}.s-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.s-tab{padding:.625rem 1.25rem;border-radius:30px;border:none;background:var(--bg-card);color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.s-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.s-tab.active{background:var(--accent);color:#fff}.s-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.s-album-card:hover .s-album-art-wrap,.s-artist-card:hover .s-artist-img-wrap{box-shadow:var(--glow-hover)}.s-track-row:hover{background:var(--bg-hover);box-shadow:inset 3px 0 0 var(--accent)}.s-track-row[data-quality=flac],.s-track-row[data-quality=flac_24]{border-top:2px solid var(--quality-flac-text)}.s-fc-exclusive{position:relative}.s-fc-exclusive:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--fc-gradient);border-radius:3px 0 0 3px}.s-fc-star{color:var(--fc-badge-text);font-size:.625rem}.s-artist-fc-badge{position:absolute;bottom:4px;right:4px;width:22px;height:22px;border-radius:50%;background:var(--fc-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.5rem;box-shadow:0 2px 8px #0000004d}.s-album-card,.s-artist-card,.s-track-row,.s-action-card,.s-genre-tile{transition:all .2s ease}.sidebar-nav-item.active{background:#901a1d26;box-shadow:inset 3px 0 0 var(--accent)}@media(max-width:1023px){.streaming-sidebar{display:none}.streaming-tab-bar{display:flex}.streaming-main{padding-bottom:calc(var(--mini-player-height) + var(--tab-bar-height) + env(safe-area-inset-bottom,0px) + 20px)}.s-action-cards{grid-template-columns:1fr;gap:.75rem}.s-action-card{min-height:120px}.s-greeting{font-size:1.375rem;padding:1.5rem 1rem 0}.s-page-greeting{font-size:1.375rem}.s-page-container{padding:1.5rem 1rem}}@media(max-width:768px){.s-page-header{flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.s-page-header-image{width:180px;height:180px}.s-page-header-title{font-size:1.75rem}.s-page-header-stats,.s-page-header-actions{justify-content:center}.s-section-title{font-size:1.125rem}.streaming-page--padded{padding:1rem}.s-grid--albums{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.s-grid--artists,.s-genre-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media(max-width:480px){.s-track-row{gap:.625rem;padding:.5rem}.s-track-art{width:36px;height:36px}.s-track-plays{display:none}}.s-top-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,rgba(var(--accent-rgb, 225, 14, 26),.08),#0f0f1ae0 60%,#0f0f1aeb);border-bottom:1px solid rgba(255,255,255,.06)}.s-top-bar__search{flex:1;max-width:420px}.s-top-bar__search form{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px;transition:border-color .2s,background .2s}.s-top-bar__search form:hover{background:#ffffff14}.s-top-bar__search form:focus-within{border-color:var(--accent);background:#ffffff14}.s-top-bar__search i{color:#fff9;font-size:.875rem}.s-top-bar__search input{flex:1;background:transparent;border:0;outline:0;color:var(--text-primary);font-family:inherit;font-size:.875rem;min-width:0}.s-top-bar__search input::placeholder{color:#ffffff73}.s-top-bar__actions{display:flex;align-items:center;gap:.75rem}.s-top-bar__btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);text-decoration:none;font-size:.9375rem;transition:transform .15s,background .2s,border-color .2s}.s-top-bar__btn:hover{background:#ffffff1a;border-color:var(--accent);transform:scale(1.05);color:var(--text-primary)}.s-top-bar__btn--primary{width:auto;padding:0 1.25rem;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;font-size:.875rem;letter-spacing:.02em}.s-top-bar__btn--primary:hover{background:var(--accent);filter:brightness(1.1);color:#fff}.s-top-bar__avatar{padding:0;overflow:hidden}.s-top-bar__avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px}.s-top-bar__link{color:#ffffffbf;text-decoration:none;font-weight:600;font-size:.875rem;padding:.5rem .75rem;transition:color .2s}.s-top-bar__link:hover{color:var(--text-primary)}@media(max-width:768px){.s-top-bar{padding:.75rem 1rem}.s-top-bar__search{max-width:none}.s-top-bar__link{display:none}}.s-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2.5rem}.s-quick-card{position:relative;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem .75rem .75rem;min-height:80px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;text-decoration:none;transition:transform .18s ease,background .18s,border-color .18s;overflow:hidden}.s-quick-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--qc-grad, linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%));opacity:.32;pointer-events:none;transition:opacity .2s}.s-quick-card:hover{transform:translateY(-2px);background:#ffffff12;border-color:rgba(var(--accent-rgb, 225, 14, 26),.4)}.s-quick-card:hover:before{opacity:.5}.s-quick-card__icon{position:relative;z-index:1;flex-shrink:0;width:56px;height:56px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--qc-grad, linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%));color:#fff;font-size:1.375rem;box-shadow:0 4px 12px #00000040}.s-quick-card__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.1875rem;min-width:0;flex:1}.s-quick-card__label{font-weight:700;font-size:.9375rem;color:var(--text-primary);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-quick-card__hint{font-size:.75rem;color:var(--text-muted, rgba(255, 255, 255, .55));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-quick-card__badge{position:absolute;top:.5rem;right:.5rem;z-index:2;min-width:20px;height:20px;padding:0 .4375rem;background:var(--accent);color:#fff;font-size:.6875rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}@media(max-width:900px){.s-quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.s-quick-grid{grid-template-columns:1fr}}.s-category-chips{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem}.s-category-chips::-webkit-scrollbar{display:none}.s-chip{flex-shrink:0;padding:.5rem 1.125rem;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:.4375rem;white-space:nowrap}.s-chip i{font-size:.75rem;opacity:.8}.s-chip:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px)}.s-chip--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.s-chip--active:hover{filter:brightness(1.08)}.s-hero-feature{position:relative;min-height:360px;margin-bottom:2.5rem;border-radius:16px;overflow:hidden;background:var(--bg-card, #1a1a2e);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000040}.s-hero-feature__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(40px) saturate(1.4);transform:scale(1.15);opacity:.35;pointer-events:none}.s-hero-feature__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f0f1abf,#0f0f1a80 55%,rgba(var(--accent-rgb, 225, 14, 26),.18));pointer-events:none}.s-hero-feature__content{position:relative;z-index:1;display:flex;gap:2.5rem;padding:2.5rem;align-items:flex-end;min-height:360px}.s-hero-feature__art-wrap{position:relative;flex-shrink:0}.s-hero-feature__art-link{display:block;border-radius:8px;overflow:hidden;box-shadow:0 16px 48px #00000080;transition:transform .25s ease}.s-hero-feature__art-link:hover{transform:scale(1.02)}.s-hero-feature__art{display:block;width:260px;height:260px;object-fit:cover}.s-hero-feature__play{position:absolute;bottom:14px;right:14px;width:60px;height:60px;border-radius:999px;border:0;background:var(--accent);color:#fff;font-size:1.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s,background .2s,box-shadow .2s;box-shadow:0 8px 20px #0006;padding-left:4px}.s-hero-feature:hover .s-hero-feature__play,.s-hero-feature__play:focus-visible{opacity:1;transform:translateY(0)}.s-hero-feature__play:hover{background:var(--accent);filter:brightness(1.12);box-shadow:0 12px 28px #00000080}.s-hero-feature__meta{flex:1;display:flex;flex-direction:column;gap:.625rem;min-width:0}.s-hero-feature__kicker{display:inline-flex;align-items:center;gap:.4375rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-light, #F59E0B)}.s-hero-feature__kicker i{font-size:.8125rem}.s-hero-feature__title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;color:var(--text-primary);margin:0;line-height:1;letter-spacing:-.01em;overflow-wrap:break-word}.s-hero-feature__artist{display:flex;align-items:center;gap:.625rem;color:var(--text-secondary, rgba(255, 255, 255, .8));font-size:.9375rem;font-weight:500}.s-hero-feature__artist a{color:var(--text-primary);text-decoration:none;transition:color .2s}.s-hero-feature__artist a:hover{color:var(--accent-light)}.s-hero-feature__avatar{width:28px;height:28px;border-radius:999px;object-fit:cover;border:1px solid rgba(255,255,255,.15)}.s-hero-feature__dot{opacity:.45}.s-hero-feature__date{opacity:.65;font-size:.8125rem}.s-hero-feature__actions{display:flex;gap:.75rem;margin-top:.625rem}.s-hero-feature__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:600;transition:all .18s ease}.s-hero-feature__btn:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-1px);color:var(--text-primary)}.s-hero-feature__btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.s-hero-feature__btn--primary:hover{background:var(--accent);filter:brightness(1.12);color:#fff;box-shadow:0 8px 20px rgba(var(--accent-rgb, 225, 14, 26),.4)}@media(max-width:820px){.s-hero-feature__content{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.75rem}.s-hero-feature__art{width:200px;height:200px}.s-hero-feature__play{opacity:1;transform:none}.s-hero-feature__title{font-size:2rem}}@media(max-width:480px){.s-hero-feature{min-height:0}.s-hero-feature__art{width:160px;height:160px}.s-hero-feature__title{font-size:1.625rem}.s-hero-feature__actions{flex-wrap:wrap}}.s-carousel-wrap{position:relative}.s-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:0;background:var(--accent);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 6px 18px #0006}.s-carousel-wrap:hover .s-carousel-nav,.s-carousel-nav:focus-visible{opacity:1;pointer-events:auto}.s-carousel-nav:hover{filter:brightness(1.1);transform:translateY(-50%) scale(1.08);box-shadow:0 8px 22px #00000080}.s-carousel-nav--prev{left:-14px}.s-carousel-nav--next{right:-14px}@media(max-width:768px){.s-carousel-nav{display:none}}.s-guest-greeting{margin-bottom:2rem}.s-guest-greeting__kicker{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-light, #F59E0B);margin-bottom:.5rem}.s-guest-greeting__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--text-primary);margin:0 0 .625rem;letter-spacing:-.015em}.s-guest-greeting__subtitle{font-size:1rem;color:var(--text-secondary, rgba(255, 255, 255, .75));margin:0;max-width:640px;line-height:1.55}.s-page--has-guest-banner{padding-bottom:140px}.s-guest-banner{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:1rem 2rem;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-light, #F59E0B) 100%);box-shadow:0 -8px 32px #00000059;animation:sGuestBannerSlideUp .5s ease-out}@keyframes sGuestBannerSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.s-guest-banner__content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.s-guest-banner__text{flex:1;min-width:0}.s-guest-banner__kicker{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#ffffffeb;margin-bottom:.25rem}.s-guest-banner__headline{font-size:1.0625rem;font-weight:600;color:#fff;line-height:1.35}.s-guest-banner__actions{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.s-guest-banner__link{color:#fff;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.s-guest-banner__link:hover{opacity:.8;color:#fff}.s-guest-banner__btn{display:inline-flex;align-items:center;padding:.875rem 2rem;background:#fff;color:#111;font-size:.9375rem;font-weight:800;text-decoration:none;border-radius:999px;letter-spacing:.01em;transition:transform .18s,box-shadow .2s;box-shadow:0 4px 14px #0000004d}.s-guest-banner__btn:hover{transform:scale(1.04);box-shadow:0 8px 20px #0006;color:#111}@media(max-width:720px){.s-guest-banner{padding:.875rem 1rem}.s-guest-banner__content{flex-direction:column;align-items:stretch;text-align:center;gap:.75rem}.s-guest-banner__actions{justify-content:center}.s-guest-banner__headline{font-size:.9375rem}.s-page--has-guest-banner{padding-bottom:180px}}.s-guest-lock-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;padding:1rem}.s-guest-lock-modal--open{display:flex;animation:sGuestLockFadeIn .2s ease-out}@keyframes sGuestLockFadeIn{0%{opacity:0}to{opacity:1}}.s-guest-lock-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.s-guest-lock-dialog{position:relative;max-width:420px;width:100%;padding:2.5rem 2rem 2rem;background:var(--bg-card, #252540);border:1px solid rgba(255,255,255,.1);border-radius:16px;text-align:center;box-shadow:0 32px 80px #0009;animation:sGuestLockSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes sGuestLockSlideIn{0%{transform:translateY(20px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.s-guest-lock-close{position:absolute;top:.875rem;right:.875rem;width:36px;height:36px;border-radius:999px;border:0;background:#ffffff0f;color:#ffffffbf;font-size:.9375rem;cursor:pointer;transition:background .2s,color .2s}.s-guest-lock-close:hover{background:#ffffff1f;color:var(--text-primary)}.s-guest-lock-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1.25rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light, #F59E0B) 100%);border-radius:999px;color:#fff;font-size:1.625rem;box-shadow:0 12px 28px rgba(var(--accent-rgb, 225, 14, 26),.45)}.s-guest-lock-dialog h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .625rem;letter-spacing:-.01em}.s-guest-lock-dialog p{font-size:.9375rem;color:var(--text-secondary, rgba(255, 255, 255, .75));line-height:1.55;margin:0 0 1.75rem}.s-guest-lock-actions{display:flex;flex-direction:column;gap:.625rem}.s-guest-lock-btn{display:flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);border-radius:999px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s}.s-guest-lock-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary);transform:translateY(-1px)}.s-guest-lock-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.s-guest-lock-btn--primary:hover{background:var(--accent);filter:brightness(1.1);color:#fff;box-shadow:0 8px 20px rgba(var(--accent-rgb, 225, 14, 26),.4)}