:root{--bg-primary:#0a0e14;--bg-secondary:#0d1219;--bg-card:#151d28;--bg-card-hover:#1a2433;--bg-elevated:#1e2a3a;--bg-glass:rgba(21,29,40,.85);--text-primary:#e8edf3;--text-secondary:#89a;--text-muted:#8494a5;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-glow:rgba(108,92,231,.3);--gold:#f0c040;--green:#00d68f;--red:#ff6b6b;--gradient-accent:linear-gradient(135deg,#6c5ce7,#a29bfe);--gradient-card:linear-gradient(180deg,rgba(108,92,231,.08),transparent);--gradient-hero:linear-gradient(135deg,#0a0e14,#1a1030 50%,#0a0e14);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow:0 0 20px var(--accent-glow);--font-primary:"Inter",var(--font-vazirmatn),var(--font-noto-arabic),-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Outfit",var(--font-vazirmatn),var(--font-noto-arabic),var(--font-primary);--player-height:72px;--sidebar-width:240px;--transition:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.display-xl{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.display-lg,.display-xl{font-family:var(--font-display)}.display-lg{font-size:1.75rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-layout{display:flex;min-height:100vh;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 20px 16px}.brand-icon{font-size:1.8rem}.brand-name{font-family:var(--font-display);font-size:1.5rem;font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:8px 12px;flex:1 1}.nav-section{display:flex;flex-direction:column}.nav-section+.nav-section{margin-top:14px}.nav-section-label{padding:0 14px 6px;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary,hsla(0,0%,100%,.4));opacity:.75}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition);font-size:.95rem;font-weight:500}.nav-item:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent-light);font-weight:600}.nav-icon{font-size:1.2rem;width:24px;text-align:center}.main-content{margin-left:var(--sidebar-width);flex:1 1;padding:24px 32px 0;min-height:100vh;min-width:0;overflow-x:hidden;display:flex;flex-direction:column}.section-header{justify-content:space-between;margin-bottom:16px;padding-right:16px;max-width:100vw}.section-header,.section-title{display:flex;align-items:center}.section-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;gap:8px}.section-icon{color:var(--accent-light);flex-shrink:0}.section-see-all{font-size:.85rem;color:var(--accent-light);text-decoration:none;font-weight:500;white-space:nowrap;transition:color var(--transition)}.section-see-all:hover{color:var(--text-primary)}.search-suggestions{padding:0 24px}.search-suggestions h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.genre-chips{display:flex;flex-wrap:wrap;gap:10px}.genre-chip{display:inline-flex;align-items:center;gap:6px;padding:12px 18px;min-height:44px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.06);color:var(--text-primary);font-size:.9rem;text-decoration:none;transition:all var(--transition);cursor:pointer;box-sizing:border-box}.genre-chip:hover{background:var(--bg-card-hover);border-color:var(--accent-glow);transform:translateY(-1px)}.btn-show-more{font-size:.85rem;color:var(--accent-light);font-weight:600;transition:color var(--transition)}.btn-show-more:hover{color:var(--accent)}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:20px;gap:20px}.album-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.album-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}@media (hover:none) and (pointer:coarse){.album-card{transition:transform .1s ease}.album-card:hover{transform:none;box-shadow:none}.album-card:active{transform:scale(.97);background:var(--bg-card-hover)}}.album-card-cover{width:100%;aspect-ratio:1;object-fit:cover;background:var(--bg-elevated)}.album-card-body{padding:12px 14px}.album-card-title{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.album-card-subtitle{font-size:.72rem;opacity:.7;direction:rtl;text-align:right;margin-bottom:2px}.album-card-artist,.album-card-subtitle{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card-artist{font-size:.82rem}.album-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.album-scroll::-webkit-scrollbar{display:none}.album-scroll .album-card{min-width:160px;max-width:160px;scroll-snap-align:start;flex-shrink:0}.artist-scroll{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px;touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.artist-scroll::-webkit-scrollbar{display:none}.artist-chip{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px;flex-shrink:0;cursor:pointer;transition:transform var(--transition)}.artist-chip:hover{transform:scale(1.05)}.artist-avatar{width:80px;height:80px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:#fff;box-shadow:var(--shadow-md);overflow:hidden}.artist-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.artist-chip-name{font-size:.82rem;font-weight:600;text-align:center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.artist-list-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);width:100%}.artist-list-item:hover{background:var(--bg-card-hover);transform:translateX(4px)}.artist-list-avatar{width:48px;height:48px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;overflow:hidden}.artist-list-name{font-weight:600;font-size:.95rem}.artist-list-count{color:var(--text-muted);font-size:.8rem}.album-detail-header{display:flex;gap:28px;margin-bottom:32px;align-items:flex-end}.album-detail-cover{width:240px;height:240px;border-radius:var(--radius-lg);object-fit:cover;box-shadow:var(--shadow-lg);background:var(--bg-elevated);flex-shrink:0}.album-detail-info{display:flex;flex-direction:column;gap:8px}.album-detail-type{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.album-detail-title{font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1.1}.album-detail-title-original{color:var(--text-secondary);font-size:.9rem;opacity:.7;margin-bottom:4px;direction:rtl}.album-detail-unavailable{color:hsla(0,0%,100%,.4);font-size:.8rem}.track-title-original{color:var(--text-secondary);font-size:.75rem;opacity:.6;margin-left:8px;direction:rtl;unicode-bidi:embed}.album-detail-artist{color:var(--accent-light);font-weight:600;cursor:pointer}.album-detail-artist:hover{text-decoration:underline}.album-detail-meta{display:flex;gap:16px;color:var(--text-secondary);font-size:.85rem}.album-detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.tag{padding:4px 12px;background:rgba(108,92,231,.15);color:var(--accent-light);border-radius:var(--radius-full);font-size:.78rem;font-weight:600}.tag.gold{background:rgba(240,192,64,.15);color:var(--gold)}.album-detail-actions{display:flex;gap:12px;margin-top:8px}.btn-play-all,.btn-shuffle-all{padding:10px 24px;border-radius:var(--radius-full);font-weight:700;font-size:.9rem;transition:all var(--transition)}.btn-play-all{background:var(--gradient-accent);color:#fff}.btn-play-all:hover{box-shadow:var(--shadow-glow);transform:scale(1.03)}.btn-shuffle-all{background:hsla(0,0%,100%,.08);color:var(--text-primary);border:1px solid hsla(0,0%,100%,.12)}.btn-shuffle-all:hover{background:hsla(0,0%,100%,.12)}.track-list{display:flex;flex-direction:column}.track-row{display:grid;grid-template-columns:36px 1fr auto;grid-gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.track-row:hover{background:hsla(0,0%,100%,.04)}.track-num{color:var(--text-muted);font-size:.85rem;text-align:center}.track-title{font-weight:500;font-size:.95rem}.track-duration{color:var(--text-muted);font-size:.8rem}.search-box{position:relative;max-width:500px;margin-top:8px}.search-input{width:100%;padding:12px 16px 12px 44px;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-full);color:var(--text-primary);font-size:1rem;outline:none;transition:all var(--transition)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--text-muted)}.search-section{margin-top:24px}.search-section-title{font-weight:700;font-size:1rem;margin-bottom:12px;color:var(--text-secondary)}.player-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;height:var(--player-height);background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;padding:0 20px;gap:16px;z-index:200;transition:transform .3s ease}.player-bar.hidden{transform:translateY(100%)}.player-track-info{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer}.player-cover{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elevated)}.player-title{font-weight:600;font-size:.9rem}.player-artist,.player-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;display:block}.player-artist{color:var(--text-secondary);font-size:.8rem}.player-controls{gap:8px}.ctrl-btn,.player-controls{display:flex;align-items:center}.ctrl-btn{width:36px;height:36px;justify-content:center;border-radius:50%;font-size:1rem;transition:all var(--transition);color:var(--text-secondary)}.ctrl-btn:hover{color:var(--text-primary);background:hsla(0,0%,100%,.08)}.ctrl-btn.active{color:var(--accent-light)}.ctrl-play{width:40px;height:40px;background:var(--gradient-accent);color:#fff!important;font-size:1.1rem}.ctrl-play:hover{transform:scale(1.1);box-shadow:var(--shadow-glow)}.player-progress{flex:1 1;display:flex;align-items:center;gap:8px}.time{font-size:.75rem;color:var(--text-muted);min-width:36px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seek-bar,.volume-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:hsla(0,0%,100%,.12);outline:none;cursor:pointer}.seek-bar{flex:1 1}.volume-bar{width:100px}.seek-bar::-webkit-slider-thumb,.volume-bar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-light);cursor:pointer;-webkit-transition:transform var(--transition);transition:transform var(--transition)}.seek-bar::-webkit-slider-thumb:hover,.volume-bar::-webkit-slider-thumb:hover{transform:scale(1.3)}.player-volume{gap:8px}.player-volume,.vol-icon{display:flex;align-items:center}.vol-icon{color:var(--text-muted)}.player-extras{display:flex;align-items:center;gap:12px}.player-speed-wrap{position:relative}.speed-btn{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:12px;background:hsla(0,0%,100%,.08);color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;letter-spacing:.02em}.speed-btn:hover{background:hsla(0,0%,100%,.14);color:var(--text-primary)}.speed-btn.speed-active{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-glow)}.speed-menu{position:absolute;bottom:calc(100% + 10px);right:0;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);padding:8px 0;min-width:160px;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:300;animation:fadeSlideUp .2s ease}.speed-menu-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:4px 14px 8px;border-bottom:1px solid hsla(0,0%,100%,.06);margin-bottom:4px}.speed-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 14px;font-size:.85rem;color:var(--text-secondary);transition:all var(--transition);text-align:left}.speed-option:hover{background:hsla(0,0%,100%,.06);color:var(--text-primary)}.speed-option.selected{color:var(--accent-light);font-weight:600}.speed-hint{font-size:.7rem;color:var(--text-muted);font-weight:400}.player-sleep-wrap{position:relative}.sleep-btn{display:flex;align-items:center;gap:4px;font-size:1rem;padding:4px 8px;border-radius:12px;background:hsla(0,0%,100%,.05);color:var(--text-muted);transition:all var(--transition)}.sleep-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.sleep-btn.sleep-active{background:rgba(124,90,255,.15);color:var(--accent-light);animation:sleepPulse 3s ease-in-out infinite}@keyframes sleepPulse{0%,to{box-shadow:0 0 0 0 rgba(124,90,255,0)}50%{box-shadow:0 0 12px 2px rgba(124,90,255,.3)}}.sleep-badge{font-size:.65rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent-light);animation:none}.sleep-menu{position:absolute;bottom:calc(100% + 10px);right:0;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-lg);padding:8px 0;min-width:180px;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:300;animation:fadeSlideUp .2s ease}.sleep-menu-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:4px 14px 8px;border-bottom:1px solid hsla(0,0%,100%,.06);margin-bottom:4px}.sleep-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;font-size:.85rem;color:var(--text-secondary);transition:all var(--transition);text-align:left}.sleep-option:hover{background:hsla(0,0%,100%,.06);color:var(--text-primary)}.sleep-option.sleep-cancel{color:#ff6b6b;border-bottom:1px solid hsla(0,0%,100%,.06);margin-bottom:4px}.sleep-option.sleep-cancel:hover{background:hsla(0,100%,71%,.1)}.sleep-remaining{font-size:.7rem;font-weight:400;color:var(--text-muted)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn-back{display:inline-flex;align-items:center;min-height:44px;color:var(--text-secondary);font-weight:600;font-size:.9rem;margin-bottom:16px;transition:color var(--transition)}.btn-back:hover{color:var(--text-primary)}.view-header{margin-bottom:24px}.view-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800}.view-subtitle{color:var(--text-secondary);margin-top:4px}.home-section{margin-bottom:32px}.loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid rgba(108,92,231,.2);border-top:3px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:8px}.empty-icon{font-size:2.5rem;margin-bottom:4px}.pagination{gap:8px}.page-btn{padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition);box-sizing:border-box}.page-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.page-btn.active{background:var(--accent);color:#fff}.mini-player,.mobile-nav{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.06);padding:6px 0 max(2px,env(safe-area-inset-bottom));z-index:300}.mobile-nav-inner{display:flex;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 12px;min-height:48px;font-size:.7rem;color:var(--text-muted);transition:color var(--transition)}.mobile-nav-item.active{color:var(--accent-light)}.mobile-nav-item .nav-icon{font-size:1.2rem;transform:translateY(8px)}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:12px 12px 120px}.player-bar{display:none!important}.mini-player{display:flex;position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom, 0px));height:56px;z-index:400;align-items:center;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid hsla(0,0%,100%,.08);padding:0;box-shadow:0 -4px 16px rgba(0,0,0,.4);animation:miniPlayerFadeIn .3s ease-out}@keyframes miniPlayerFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mini-hit{flex:1 1;display:flex;align-items:center;gap:12px;padding:0 0 0 12px;min-width:0;min-height:56px;background:transparent;border:none;text-align:left;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity .2s}.mini-hit:active{opacity:.7}.mini-cover{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;box-shadow:0 3px 12px rgba(0,0,0,.5)}.mini-text{min-width:0;display:flex;flex-direction:column;gap:1px}.mini-title{font-size:.82rem;font-weight:600;color:var(--text-primary);line-height:1.3}.mini-artist,.mini-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-artist{font-size:.68rem;color:var(--text-secondary);line-height:1.2;opacity:.7}.mini-actions{gap:2px;padding:0 8px 0 4px;flex-shrink:0}.mini-actions,.mini-btn{display:flex;align-items:center}.mini-btn{width:44px;height:44px;justify-content:center;background:transparent;border:none;color:var(--text-primary);border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity .15s ease}.mini-btn:active{opacity:.6}.mini-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:hsla(0,0%,100%,.08)}.mini-progress-fill{height:100%;background:var(--accent-light,#8b5cf6);box-shadow:0 0 8px var(--accent-light,#8b5cf6);transition:width .3s linear;border-radius:0 2px 2px 0}.fp-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:flex-end}.fp-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.fp-sheet{position:relative;z-index:1;max-height:94vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top-left-radius:24px;border-top-right-radius:24px;background:linear-gradient(180deg,rgba(24,18,48,.99),rgba(12,10,26,.99));padding:12px 20px 0;box-shadow:0 -8px 32px rgba(0,0,0,.6);animation:fpSlideUp .35s cubic-bezier(.34,1.56,.64,1)}@keyframes fpSlideUp{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.fp-header{min-height:48px;margin-bottom:8px}.fp-close-btn,.fp-header{display:flex;align-items:center}.fp-close-btn{width:44px;height:44px;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}.fp-close-btn:active{background:hsla(0,0%,100%,.08)}.fp-now-playing{flex:1 1;text-align:center;font-size:.8rem;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.fp-header-right{width:44px}.fp-art-wrap,.fp-header-right{display:flex;justify-content:center}.fp-art-wrap{padding:8px 0 16px}.fp-cover{width:min(300px,75vw);aspect-ratio:1/1;border-radius:18px;object-fit:cover;box-shadow:0 12px 40px rgba(0,0,0,.5)}.fp-meta{text-align:center;padding:0 0 12px}.fp-track-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);line-height:1.3}.fp-track-artist{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.fp-seek{padding:8px 0 4px}.fp-seek-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:hsla(0,0%,100%,.12);outline:none;cursor:pointer}.fp-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent-light,#8b5cf6);cursor:pointer;box-shadow:0 2px 8px rgba(139,92,246,.4)}.fp-seek-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent-light,#8b5cf6);cursor:pointer;border:none}.fp-times{font-size:.72rem;color:var(--text-muted);margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fp-controls,.fp-times{display:flex;justify-content:space-between}.fp-controls{align-items:center;padding:12px 8px 8px}.fp-ctrl-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);border-radius:50%;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.fp-ctrl-btn:active{transform:scale(.92)}.fp-ctrl-btn.fp-active{color:var(--accent-light,#8b5cf6)}.fp-play-btn{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--gradient-accent,linear-gradient(135deg,#8b5cf6,#6d28d9));color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 20px rgba(139,92,246,.4);transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.fp-play-btn:active{transform:scale(.93)}.fp-speed-row{display:flex;gap:6px;padding:8px 0;flex-wrap:wrap}.fp-chip,.fp-speed-row{align-items:center;justify-content:center}.fp-chip{min-height:36px;min-width:48px;padding:0 12px;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);color:var(--text-secondary);font-size:.78rem;font-weight:600;display:inline-flex;gap:5px;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.fp-chip:active{transform:scale(.95)}.fp-chip-selected{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.4);color:var(--accent-light,#8b5cf6)}.fp-chip-cancel{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:#f87171}.fp-sleep-row{display:flex;align-items:center;gap:6px;padding:4px 0 8px;flex-wrap:wrap;justify-content:center}.fp-sleep-icon{color:var(--text-muted);flex-shrink:0}.fp-safe-area{height:env(safe-area-inset-bottom,16px);min-height:16px}.mobile-nav{display:block;padding:4px 0 max(4px,env(safe-area-inset-bottom,0px))}.mobile-nav-inner{gap:0}.mobile-nav-item{padding:6px 8px 4px;min-height:48px;gap:2px;font-size:.65rem}.mobile-nav-item .nav-icon{font-size:1.15rem}.album-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.album-detail-header{flex-direction:column;align-items:center;text-align:center}.album-detail-cover{width:200px;height:200px}.album-detail-actions{justify-content:center}.artist-list{grid-template-columns:1fr}}@media (max-width:480px){.album-grid{grid-template-columns:repeat(2,1fr);gap:10px}.album-detail-cover{width:160px;height:160px}.album-detail-title{font-size:1.5rem}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:20px}.auth-card{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-lg);padding:40px 36px;width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:28px}.auth-logo{font-size:2.5rem;margin-bottom:12px}.auth-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:6px}.auth-header p{color:var(--text-secondary);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);color:#f87171;padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.form-group input{padding:11px 14px;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;outline:none;transition:all var(--transition)}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px var(--bg-elevated,#1a1f2e) inset!important;-webkit-text-fill-color:var(--text-primary,#e5e7eb)!important;caret-color:var(--text-primary,#e5e7eb);border-color:hsla(0,0%,100%,.12);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:var(--text-muted)}.auth-submit{padding:12px 20px;background:var(--gradient-accent);color:#fff;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;transition:all var(--transition);margin-top:4px}.auth-submit:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:20px;color:var(--text-secondary);font-size:.88rem}.auth-footer a{color:var(--accent-light);font-weight:600;transition:color var(--transition)}.auth-footer a:hover{color:var(--accent)}.auth-forgot-link{text-align:center;margin-top:8px}.auth-forgot-link a{color:var(--text-muted);font-size:.84rem;transition:color var(--transition)}.auth-forgot-link a:hover{color:var(--accent-light)}.auth-success-info{text-align:center;padding:16px 20px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);margin-top:12px}.auth-success-info p{color:var(--text-secondary);font-size:.88rem;margin:4px 0;line-height:1.5}.auth-success-info strong{color:var(--text-primary)}.fav-btn{background:none;border:none;cursor:pointer;transition:all .2s ease;padding:4px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.fav-btn:hover{transform:scale(1.2)}.fav-btn:active{transform:scale(.9)}.fav-btn-sm{font-size:1.1rem}.fav-btn-md{font-size:1.4rem}.fav-btn-lg{font-size:1.8rem}.fav-active{animation:fav-pop .3s ease}@keyframes fav-pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.album-card-cover-wrap{position:relative;aspect-ratio:1;overflow:hidden}.album-card-cover-fallback{position:absolute;inset:0;background-color:var(--bg-elevated);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Crect fill='%231e2a3a' width='400' height='400'/%3E%3Cpath d='M220 120v140c-10-8-24-12-40-12-26 0-48 16-48 36s22 36 48 36 48-16 48-36V160l80-20v-40l-88 20z' fill='%23556677'/%3E%3C/svg%3E");background-size:cover;background-position:50%}.album-card-fav{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s ease;z-index:2}.album-card-fav.fav-active,.album-card:hover .album-card-fav{opacity:1}.sidebar-auth{padding:12px;border-top:1px solid hsla(0,0%,100%,.06);margin-top:auto}.sidebar-user{gap:10px;padding:6px}.sidebar-user,.user-avatar{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-accent);justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0}.user-info{flex:1 1;min-width:0}.user-name{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.logout-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;transition:all var(--transition);flex-shrink:0}.logout-btn:hover{color:var(--text-primary);background:hsla(0,0%,100%,.08)}.sidebar-login-btn{display:block;text-align:center;padding:10px;background:rgba(108,92,231,.15);color:var(--accent-light);border-radius:var(--radius-sm);font-weight:600;font-size:.88rem;transition:all var(--transition)}.sidebar-login-btn:hover{background:rgba(108,92,231,.25)}.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;gap:12px}.library-empty-icon{font-size:3rem;margin-bottom:8px}.library-empty h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.library-empty p{color:var(--text-secondary);font-size:.95rem;max-width:320px}.auth-cta-btn{display:inline-block;padding:10px 28px;background:var(--gradient-accent);color:#fff;border-radius:var(--radius-full);font-weight:700;font-size:.9rem;transition:all var(--transition);margin-top:8px}.auth-cta-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.loading-state{display:flex;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted)}.page-header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.page-count{color:var(--text-muted);font-size:.88rem}.artist-hero{display:flex;align-items:center;gap:24px;margin:24px 0;padding:24px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border)}.artist-hero-avatar{flex-shrink:0;width:120px;height:120px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--accent),#8c47d1);display:flex;align-items:center;justify-content:center}.artist-photo{width:100%;height:100%;object-fit:cover}.artist-avatar-initials{font-size:2.5rem;font-weight:700;color:#fff;letter-spacing:1px}.artist-hero-info{flex:1 1;min-width:0}.artist-hero-name{font-size:1.75rem;color:var(--text-primary);display:flex;gap:8px;margin-bottom:6px}.artist-hero-name,.verified-badge{font-weight:700;align-items:center}.verified-badge{display:inline-flex;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:.75rem}.artist-hero-stats{color:var(--text-muted);font-size:.9rem;margin-bottom:12px}.stat-dot{margin:0 6px;opacity:.5}.artist-hero-actions{display:flex;align-items:center;gap:10px}.artist-bio{padding:16px 20px;margin-bottom:24px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);color:var(--text-secondary);font-size:.92rem;line-height:1.6}.artist-bio-text p{margin:0 0 8px}.artist-bio-text p:last-child{margin-bottom:0}.artist-bio-text.clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;position:relative}.bio-toggle{display:inline-block;margin-top:8px;padding:0;background:none;border:none;color:var(--accent);font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .2s}.bio-toggle:hover{opacity:.7}.artist-socials{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.social-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;min-height:44px;border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:.82rem;text-decoration:none;transition:all .2s;box-sizing:border-box}.social-pill:hover{border-color:var(--accent)}.follow-btn,.social-pill:hover{background:var(--accent);color:#fff}.follow-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;border:2px solid var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s}.follow-btn:hover{background:#8033cc;border-color:#8033cc;transform:scale(1.02)}.follow-btn.following{background:transparent;color:var(--accent)}.follow-btn.following:hover{background:#c33;border-color:#c33;color:#fff}.follow-btn:disabled{opacity:.6;cursor:not-allowed}.follow-count{background:hsla(0,0%,100%,.2);padding:2px 8px;border-radius:10px;font-size:.78rem}.follow-btn.following .follow-count{background:var(--bg-elevated)}.share-wrap{position:relative}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .2s}.share-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.share-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:8px;z-index:100;animation:fadeSlideUp .2s ease;box-shadow:0 8px 24px rgba(0,0,0,.3)}.share-menu-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:4px 10px 8px}.share-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:.88rem;border-radius:8px;cursor:pointer;transition:background .15s}.share-option:hover{background:var(--bg-card)}.share-icon{font-size:1rem}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.collection-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;transition:all .25s}.collection-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.collection-card-cover{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#2f2659,#65367d);display:flex;align-items:center;justify-content:center;overflow:hidden}.collection-card-cover img{width:100%;height:100%;object-fit:cover}.collection-card-emoji{font-size:3rem}.collection-card-info{padding:14px}.collection-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.collection-card-title-fa{font-size:.82rem;color:var(--text-muted);margin-bottom:6px;direction:rtl}.collection-card-meta{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.seasonal-badge{font-size:.85rem}.collection-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 0 16px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.collection-scroll::-webkit-scrollbar{display:none}.collection-chip{flex-shrink:0;width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;scroll-snap-align:start;transition:all .25s}.collection-chip:hover{border-color:var(--accent);transform:translateY(-2px)}.collection-chip-cover{width:100%;height:100px;background:linear-gradient(135deg,#2f2659,#65367d);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:2rem}.collection-chip-cover img{width:100%;height:100%;object-fit:cover}.collection-chip-info{padding:10px 12px}.collection-chip-title{display:block;font-size:.88rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-chip-meta{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.collection-hero{display:flex;align-items:center;gap:24px;margin:24px 0;padding:24px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border)}.collection-hero-cover{flex-shrink:0;width:160px;height:120px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#2f2659,#65367d);display:flex;align-items:center;justify-content:center}.collection-hero-cover img{width:100%;height:100%;object-fit:cover}.collection-hero-emoji{font-size:3rem}.collection-hero-info{flex:1 1;min-width:0}.collection-hero-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.collection-hero-title-fa{font-size:1rem;color:var(--text-muted);direction:rtl;margin-bottom:8px}.collection-hero-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.collection-hero-meta{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--text-muted)}.collection-tracks{margin-top:16px}.collection-track-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;cursor:pointer;transition:background .15s}.collection-track-row:hover{background:var(--bg-card)}.collection-track-row.active{background:rgba(139,92,246,.12)}.track-row-num{width:24px;text-align:center;font-size:.82rem;color:var(--text-muted);flex-shrink:0}.track-row-cover{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.track-row-cover img{width:100%;height:100%;object-fit:cover}.track-row-cover-placeholder{font-size:1.1rem}.track-row-info{flex:1 1;min-width:0}.track-row-title{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row-artist{display:block;font-size:.78rem;color:var(--text-muted)}.track-row-duration{font-size:.82rem;color:var(--text-muted);flex-shrink:0}.track-row-play{font-size:.9rem;flex-shrink:0;opacity:0;transition:opacity .15s}.collection-track-row.active .track-row-play,.collection-track-row:hover .track-row-play{opacity:1}@media (max-width:600px){.artist-hero{flex-direction:column;text-align:center;padding:16px}.artist-hero-actions{justify-content:center}.collection-hero{flex-direction:column;text-align:center;padding:16px}.collection-grid{grid-template-columns:1fr}}.library-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-secondary);border-radius:12px;padding:4px}.library-tab{flex:1 1;padding:10px 16px;text-align:center;border-radius:10px;font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .2s}.library-tab:hover{color:var(--text-primary);background:var(--bg-card)}.library-tab.active{background:var(--accent);color:#fff;font-weight:600}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.playlist-card{display:flex;flex-direction:column;background:var(--bg-card);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s,background .2s}.playlist-card:hover{transform:translateY(-2px);background:var(--bg-card-hover)}.playlist-card-cover{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--accent),#a29bfe);display:flex;align-items:center;justify-content:center}.playlist-card-icon{font-size:3rem}.playlist-card-info{padding:12px 14px 14px}.playlist-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.playlist-card-desc,.playlist-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card-desc{font-size:.8rem;color:var(--text-secondary);margin:0 0 6px}.playlist-card-meta{font-size:.75rem;color:var(--text-muted)}.playlist-hero{display:flex;gap:24px;margin-bottom:32px;align-items:flex-end}.playlist-hero-cover{width:200px;height:200px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#a29bfe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-hero-icon{font-size:4rem}.playlist-hero-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.playlist-hero-desc{font-size:.9rem;color:var(--text-secondary);margin:0 0 8px}.playlist-hero-meta{font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.playlist-hero-actions{display:flex;gap:10px}.create-playlist-form{display:flex;gap:10px;margin-bottom:24px;padding:16px;background:var(--bg-card);border-radius:12px;flex-wrap:wrap}.form-input{flex:1 1;min-width:180px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--bg-elevated);border-radius:8px;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.btn-primary{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:8px 16px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--bg-card-hover);border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:10px 20px;background:transparent;color:#e74c3c;border:1px solid #e74c3c;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover{background:rgba(231,76,60,.1)}.track-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;transition:all .2s}.collection-track-row:hover .track-remove-btn{opacity:1}.track-remove-btn:hover{color:#e74c3c;background:rgba(231,76,60,.1)}.history-list{display:flex;flex-direction:column;gap:2px}.history-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;transition:background .2s}.history-row:hover{background:var(--bg-card)}.history-cover{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.history-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.history-title{font-size:.9rem;font-weight:500;color:var(--text-primary)}.history-meta,.history-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{font-size:.8rem;color:var(--text-secondary)}.history-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px 0}.pagination-info{font-size:.85rem;color:var(--text-secondary)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-state h2{color:var(--text-primary);margin:0 0 8px;font-size:1.2rem}.empty-state p{margin:0 0 20px;font-size:.9rem}.loading-spinner{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:.9rem}.back-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:20px;color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:color .2s}.back-link:hover{color:var(--accent)}@media (max-width:640px){.playlists-grid{grid-template-columns:repeat(2,1fr);gap:10px}.playlist-hero{flex-direction:column;align-items:center;text-align:center}.playlist-hero-cover{width:160px;height:160px}.playlist-hero-actions{justify-content:center}.library-tabs{flex-wrap:wrap}.history-row{padding:8px 10px}.history-cover{width:40px;height:40px}}.add-to-playlist{position:relative;z-index:10}.add-to-playlist-btn{width:44px;height:44px;border-radius:50%;border:1px solid hsla(0,0%,100%,.15);background:transparent;color:var(--text-secondary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;position:relative}.add-to-playlist-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(108,92,231,.15)}.add-to-playlist-btn:after{content:"Add to playlist";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.7rem;padding:4px 8px;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:var(--text-primary);pointer-events:none;opacity:0;transition:opacity .15s}.add-to-playlist-btn:hover:after{opacity:1}.add-to-playlist-dropdown{position:absolute;right:0;top:100%;margin-top:6px;width:240px;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.5);overflow:hidden;animation:dropIn .15s ease-out}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:10px 14px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid hsla(0,0%,100%,.06)}.dropdown-list{max-height:180px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;text-align:left;transition:background .15s}.dropdown-item:hover{background:rgba(108,92,231,.15)}.dropdown-item-count{font-size:.7rem;color:var(--text-muted)}.dropdown-create{display:flex;gap:6px;padding:8px 10px;border-top:1px solid hsla(0,0%,100%,.06)}.dropdown-create-input{flex:1 1;padding:6px 10px;border-radius:6px;border:1px solid hsla(0,0%,100%,.1);background:var(--bg-secondary);color:var(--text-primary);font-size:.8rem;outline:none}.dropdown-create-input:focus{border-color:var(--accent)}.dropdown-create-btn{width:32px;height:32px;border-radius:6px;border:none;background:var(--accent);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.dropdown-create-btn:disabled{opacity:.4;cursor:not-allowed}.dropdown-success{color:#2ecc71}.dropdown-loading,.dropdown-success{padding:16px 14px;text-align:center;font-size:.85rem}.dropdown-loading{color:var(--text-muted)}.track-row{display:flex;align-items:center;gap:12px}.collection-track-row{position:relative}.lyrics-btn{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.5;transition:all .2s ease;padding:4px 6px;border-radius:6px;flex-shrink:0}.lyrics-btn:hover{opacity:1;background:var(--bg-elevated)}.lyrics-btn-active{opacity:1;background:var(--accent);border-radius:6px}.lyrics-panel{margin:0 0 8px;border-radius:16px;background:linear-gradient(145deg,#1a1040,#0d1929 40%,#0a1420);border:1px solid rgba(108,92,231,.15);overflow:hidden;animation:lyricsSlideIn .3s ease}@keyframes lyricsSlideIn{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}.lyrics-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lyrics-header-left{display:flex;align-items:center;gap:8px}.lyrics-icon{font-size:1.2rem}.lyrics-label{font-weight:600;color:var(--text-primary);font-size:.9rem;letter-spacing:.02em}.lyrics-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.7rem}.lyrics-body{padding:0 24px 28px;animation:lyricsFadeIn .4s ease}@keyframes lyricsFadeIn{0%{opacity:0}to{opacity:1}}.lyrics-title-block{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid hsla(0,0%,100%,.06)}.lyrics-track-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.lyrics-track-original{font-size:.9rem;color:var(--accent-light);direction:rtl;margin:0;opacity:.8}.lyrics-content{max-height:500px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.lyrics-content::-webkit-scrollbar{width:4px}.lyrics-content::-webkit-scrollbar-track{background:transparent}.lyrics-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.lyrics-line{font-size:1.15rem;line-height:2;color:var(--text-primary);margin:0;padding:2px 0;transition:all .2s ease;font-weight:500;letter-spacing:.01em}.lyrics-line:hover{color:var(--accent-light);transform:scale(1.01)}.lyrics-line-empty{height:24px}@media (max-width:768px){.lyrics-panel{border-radius:12px;margin:0 -8px 8px}.lyrics-body{padding:0 16px 20px}.lyrics-line{font-size:1rem;line-height:1.8}.lyrics-content{max-height:400px}}.download-btn{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.4;transition:all .2s ease;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.download-btn:hover{opacity:1;background:var(--bg-elevated);transform:scale(1.1)}.download-downloading{opacity:.8;animation:downloadPulse 1s infinite}@keyframes downloadPulse{0%,to{opacity:.5}50%{opacity:1}}.download-done{opacity:1;color:#22c55e;cursor:default;pointer-events:none}.download-done:hover{background:none;color:#22c55e;transform:none}.download-error{opacity:1;color:#ef4444}.download-error:hover{background:rgba(239,68,68,.1);color:#ef4444}.continue-section{margin-bottom:2rem;padding:0 1rem}.continue-section .section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.continue-section .section-icon{font-size:1.1rem}.continue-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--surface-light) transparent;touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.continue-scroll::-webkit-scrollbar{height:4px}.continue-scroll::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:4px}.continue-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface-card);border:1px solid var(--surface-border);border-radius:12px;cursor:pointer;min-width:280px;max-width:320px;flex-shrink:0;transition:background .2s,transform .2s,box-shadow .2s}.continue-card:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.continue-cover-wrap{position:relative;width:56px;height:56px;flex-shrink:0}.continue-cover{width:56px;height:56px;border-radius:8px;object-fit:cover}.continue-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:8px;color:#fff;font-size:1.2rem;opacity:0;transition:opacity .2s}.continue-card:hover .continue-play-overlay{opacity:1}.continue-ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg)}.continue-ring-bg{fill:none;stroke:var(--surface-border);stroke-width:2.5}.continue-ring-fill{fill:none;stroke:var(--accent-primary,#6366f1);stroke-width:2.5;stroke-linecap:round;transition:stroke-dasharray .3s}.continue-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.continue-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.continue-meta,.continue-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-meta{font-size:.8rem;color:var(--text-secondary)}.continue-progress-text{font-size:.75rem;color:var(--accent-primary,#6366f1);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.legal-page{min-height:100vh;background:#0a0a0a;color:#fff}.legal-header{border-bottom:1px solid hsla(0,0%,100%,.1)}.legal-header-inner{max-width:720px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.legal-back{font-size:14px;color:hsla(0,0%,100%,.4);text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .15s}.legal-back:hover{color:hsla(0,0%,100%,.7)}.legal-nav{display:flex;gap:24px}.legal-nav a{font-size:14px;color:hsla(0,0%,100%,.4);text-decoration:none;transition:color .15s}.legal-nav a:hover{color:hsla(0,0%,100%,.7)}.legal-main{max-width:720px;margin:0 auto;padding:48px 24px}.legal-footer{border-top:1px solid hsla(0,0%,100%,.1)}.legal-footer-inner{max-width:720px;margin:0 auto;padding:24px;text-align:center;font-size:12px;color:hsla(0,0%,100%,.25)}.legal-prose h1{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.legal-prose .legal-date{font-size:12px;color:hsla(0,0%,100%,.3);margin-top:0;margin-bottom:32px}.legal-prose h2{font-size:18px;font-weight:600;color:#fff;margin-top:40px;margin-bottom:16px}.legal-prose p{font-size:14px;color:hsla(0,0%,100%,.6);line-height:1.7;margin-bottom:16px}.legal-prose ul{padding-left:20px;margin-bottom:16px}.legal-prose li{font-size:14px;color:hsla(0,0%,100%,.6);line-height:1.7;margin-bottom:8px}.legal-prose strong{color:hsla(0,0%,100%,.8)}.legal-prose a{color:#4ade80;text-decoration:none}.legal-prose a:hover{text-decoration:underline}.site-footer{padding:32px 24px calc(80px + env(safe-area-inset-bottom, 0px));border-top:1px solid hsla(0,0%,100%,.06);background:var(--bg-primary);margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;flex-direction:column;gap:16px;text-align:center}.footer-brand,.footer-inner{display:flex;align-items:center}.footer-brand{gap:12px}.footer-logo{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--accent-light)}.footer-tagline{font-size:13px;color:var(--text-muted)}.footer-links{display:flex;gap:24px}.footer-links a{font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.footer-links a:hover{color:var(--text-primary)}.footer-copyright{font-size:12px;color:var(--text-muted);margin:0}.footer-licensing{font-size:11px;color:hsla(0,0%,100%,.5);margin:0}.footer-licensing a{color:hsla(0,0%,100%,.6);text-decoration:none}.footer-licensing a:hover{color:var(--accent-light);text-decoration:underline}@media (max-width:768px){.site-footer{padding:24px 16px calc(210px + env(safe-area-inset-bottom, 0px))}}.about-page{max-width:900px;margin:0 auto;padding:0 24px 60px}.about-hero{text-align:center;padding:48px 0 40px}.about-hero h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px}.about-icon{font-size:36px;margin-right:8px}.about-tagline{font-size:18px;color:var(--accent-light);font-weight:400;margin:0}.about-section{margin-bottom:48px}.about-section h2{font-size:22px;font-weight:600;color:#fff;margin-bottom:16px}.about-section p{font-size:15px;color:hsla(0,0%,100%,.65);line-height:1.8;margin-bottom:14px}.about-section a{color:var(--accent-light);text-decoration:none}.about-section a:hover{text-decoration:underline}.about-section em{color:var(--accent-light);font-style:italic}.about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-top:20px}.about-value-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:24px;transition:transform .2s,border-color .2s}.about-value-card:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.15)}.about-value-icon{font-size:28px;display:block;margin-bottom:12px}.about-value-card h3{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.about-value-card p{font-size:13px;color:hsla(0,0%,100%,.55);line-height:1.6;margin:0}.about-value-card a{color:var(--accent-light);text-decoration:none}.about-cta{text-align:center;padding:40px 0;border-top:1px solid hsla(0,0%,100%,.06)}.about-cta h2{font-size:24px;font-weight:600;color:#fff;margin-bottom:12px}.about-cta p{font-size:15px;color:hsla(0,0%,100%,.55);margin-bottom:24px}.about-cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-primary-about{display:inline-flex;align-items:center;padding:12px 28px;background:var(--accent-light);color:#000;font-weight:600;font-size:14px;border-radius:12px;text-decoration:none;transition:opacity .2s}.btn-primary-about:hover{opacity:.85}.btn-secondary-about{display:inline-flex;align-items:center;padding:12px 28px;background:hsla(0,0%,100%,.06);color:var(--text-primary);font-weight:600;font-size:14px;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;text-decoration:none;transition:background .2s}.btn-secondary-about:hover{background:hsla(0,0%,100%,.1)}@media (max-width:640px){.about-values-grid{grid-template-columns:1fr}.about-hero h1{font-size:24px}.about-cta-buttons{flex-direction:column;align-items:center}}.contact-page{max-width:900px;margin:0 auto;padding:0 24px 60px}.contact-hero{text-align:center;padding:48px 0 40px}.contact-hero h1{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px}.contact-icon{font-size:32px;margin-right:8px}.contact-tagline{font-size:18px;color:var(--text-secondary);margin:0}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin-bottom:48px}.contact-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:28px;transition:transform .2s,border-color .2s}.contact-card:hover{transform:translateY(-2px);border-color:hsla(0,0%,100%,.15)}.contact-card-icon{font-size:28px;display:block;margin-bottom:12px}.contact-card h2{font-size:16px;font-weight:600;color:#fff;margin:0 0 10px}.contact-card p{font-size:13px;color:hsla(0,0%,100%,.55);line-height:1.6;margin:0 0 16px}.contact-card a:not(.contact-email),.contact-email{color:var(--accent-light);text-decoration:none}.contact-email{display:inline-block;padding:8px 16px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:13px;font-weight:500;transition:background .2s}.contact-email:hover{background:hsla(0,0%,100%,.1)}.contact-company{text-align:center;padding:32px 0;border-top:1px solid hsla(0,0%,100%,.06)}.contact-company h2{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.contact-company p{font-size:14px;color:hsla(0,0%,100%,.5);margin:4px 0}.contact-legal-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.contact-legal-links a{color:var(--text-secondary);text-decoration:none;font-size:13px}.contact-legal-links a:hover{color:var(--text-primary)}.contact-divider{color:hsla(0,0%,100%,.2)}@media (max-width:640px){.contact-grid{grid-template-columns:1fr}.contact-hero h1{font-size:24px}}.pwa-install-banner{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(124,58,237,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:500;animation:pwa-slide-down .4s ease-out;box-shadow:0 4px 20px rgba(0,0,0,.3)}@keyframes pwa-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-icon img{border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.pwa-install-text{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.pwa-install-text strong{font-size:.95rem;color:#fff}.pwa-install-text span{font-size:.75rem;color:hsla(0,0%,100%,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-install-btn{padding:8px 20px;background:#fff;color:#7c3aed;border:none;border-radius:var(--radius-full);font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s ease}.pwa-install-btn:hover{transform:scale(1.05);box-shadow:0 2px 12px hsla(0,0%,100%,.3)}.pwa-install-dismiss{background:none;border:none;color:hsla(0,0%,100%,.7);font-size:1.1rem;cursor:pointer;padding:4px 8px;transition:color .2s}.pwa-install-dismiss:hover{color:#fff}.pwa-ios-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:600;display:flex;align-items:center;justify-content:center;animation:pwa-fade-in .3s ease}@keyframes pwa-fade-in{0%{opacity:0}to{opacity:1}}.pwa-ios-guide{background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:32px 28px;max-width:340px;width:90%;text-align:center;position:relative;animation:pwa-scale-in .3s ease}@keyframes pwa-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pwa-ios-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.pwa-ios-app-icon{border-radius:14px;margin-bottom:12px;box-shadow:0 4px 16px rgba(124,58,237,.3)}.pwa-ios-guide h3{font-size:1.2rem;margin:0 0 8px;color:var(--text-primary)}.pwa-ios-guide p{font-size:.9rem;color:var(--text-secondary);margin:0 0 16px}.pwa-ios-guide ol{text-align:left;padding-left:20px;margin:0 0 20px;display:flex;flex-direction:column;gap:12px}.pwa-ios-guide ol li{font-size:.9rem;color:var(--text-primary);line-height:1.5}.pwa-ios-share-icon{display:inline-block;margin:0 4px;color:var(--accent-light);font-size:1rem}.pwa-ios-got-it{width:100%;padding:12px;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border:none;border-radius:var(--radius-full);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.pwa-ios-got-it:hover{transform:scale(1.02);box-shadow:0 4px 16px rgba(124,58,237,.4)}.ramadan-banner{position:relative;margin:0 0 24px;border-radius:var(--radius-lg,16px);overflow:hidden;isolation:isolate}.ramadan-banner-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1a0533,#2d1b69 30%,#1e3a5f 60%,#0f2027);z-index:0}.ramadan-banner-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(212,175,55,.15) 0,transparent 50%),radial-gradient(circle at 80% 30%,rgba(124,58,237,.2) 0,transparent 40%)}.ramadan-banner-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,hsla(0,0%,100%,.3) 50%,transparent 0),radial-gradient(1px 1px at 30% 70%,hsla(0,0%,100%,.2) 50%,transparent 0),radial-gradient(1px 1px at 50% 40%,hsla(0,0%,100%,.25) 50%,transparent 0),radial-gradient(1px 1px at 70% 80%,hsla(0,0%,100%,.15) 50%,transparent 0),radial-gradient(1px 1px at 90% 30%,hsla(0,0%,100%,.3) 50%,transparent 0),radial-gradient(1.5px 1.5px at 25% 55%,rgba(212,175,55,.4) 50%,transparent 0),radial-gradient(1.5px 1.5px at 75% 15%,rgba(212,175,55,.3) 50%,transparent 0);animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.ramadan-banner-content{position:relative;z-index:1;display:flex;align-items:center;gap:16px;padding:20px 24px}.ramadan-banner-icon{font-size:2.5rem;line-height:1;animation:moonGlow 3s ease-in-out infinite;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(212,175,55,.6))}@keyframes moonGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(212,175,55,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 16px rgba(212,175,55,.9))}}.ramadan-banner-text{flex:1 1;min-width:0}.ramadan-banner-title{margin:0 0 4px;font-size:1.15rem;font-weight:700;color:#fff;font-family:var(--font-outfit),var(--font-vazirmatn),sans-serif;letter-spacing:-.01em;text-shadow:0 1px 3px rgba(0,0,0,.3)}.ramadan-banner-subtitle{margin:0;font-size:.85rem;color:hsla(0,0%,100%,.75);line-height:1.4}.ramadan-banner-cta{flex-shrink:0;padding:10px 20px;border-radius:var(--radius-full,24px);background:linear-gradient(135deg,#d4af37,#b8860b);color:#1a0533;font-weight:700;font-size:.85rem;text-decoration:none;transition:all .25s;white-space:nowrap;box-shadow:0 2px 12px rgba(212,175,55,.3)}.ramadan-banner-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(212,175,55,.5);background:linear-gradient(135deg,#e5c04b,#d4af37)}.ramadan-banner-close{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6);border-radius:50%;cursor:pointer;font-size:.75rem;transition:all .2s;z-index:2}.ramadan-banner-close:hover{background:hsla(0,0%,100%,.2);color:#fff}@media (max-width:640px){.ramadan-banner-content{flex-direction:column;text-align:center;padding:16px;gap:12px}.ramadan-banner-icon{font-size:2rem}.ramadan-banner-title{font-size:1.05rem}.ramadan-banner-subtitle{font-size:.8rem}.ramadan-banner-cta{width:100%;text-align:center;padding:12px}.ramadan-banner-close{top:6px;right:6px}}.skip-nav{position:absolute;top:-100%;left:16px;z-index:10000;padding:12px 24px;background:var(--accent,#7c5ce0);color:#fff;font-weight:600;font-size:.9rem;border-radius:0 0 8px 8px;text-decoration:none;transition:top .2s ease}.skip-nav:focus{top:0;outline:none}:focus-visible{outline:2px solid var(--accent,#7c5ce0);outline-offset:2px}[role=button]:focus-visible,a:focus-visible,button:focus-visible,input[type=range]:focus-visible{outline:2px solid var(--accent,#7c5ce0);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-content svg{margin-bottom:1rem}.error-boundary-content h2{font-size:1.3rem;font-weight:700;color:var(--text-primary,#eef1f5);margin-bottom:.5rem;font-family:var(--font-vazirmatn),var(--font-noto-arabic),sans-serif}.error-boundary-content p{font-size:.95rem;color:var(--text-secondary,#89a);line-height:1.6;margin-bottom:1.5rem}.error-boundary-retry{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--accent,#7c5ce0);color:#fff;border:none;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;min-height:44px;transition:opacity .2s,transform .2s}.error-boundary-retry:hover{opacity:.9;transform:scale(.98)}@keyframes skeleton-pulse{0%,to{opacity:.15}50%{opacity:.3}}.skeleton{background:var(--bg-card,#151d28);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{height:14px;border-radius:4px}.skeleton-cover{aspect-ratio:1;border-radius:12px}.skeleton-row{height:48px;border-radius:8px;margin-bottom:4px}.page-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:12px;padding:2rem;text-align:center}.page-state-icon{color:var(--text-muted,hsla(0,0%,100%,.3));margin-bottom:8px}.page-state-icon.error-icon{color:var(--warning,#f59e0b)}.page-state-title{font-size:1.15rem;font-weight:600;color:var(--text-primary,#eef1f5);margin:0}.page-state-message{font-size:.92rem;color:var(--text-secondary,#89a);max-width:360px;line-height:1.6;margin:0}.page-state-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;background:var(--accent,#7c5ce0);color:#fff;border:none;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;min-height:44px;text-decoration:none;margin-top:8px;transition:opacity .2s,transform .2s}.page-state-btn:hover{opacity:.9;transform:scale(.98)}.spinner{width:36px;height:36px;border:3px solid var(--bg-card,#151d28);border-top-color:var(--accent,#7c5ce0);border-radius:50%;animation:spin .8s linear infinite}.album-skeleton-item,.track-skeleton-list{display:flex;flex-direction:column}.track-skeleton-list{gap:4px;padding:0 1.5rem}.track-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;margin-left:auto}.track-action-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition);opacity:.5}.track-row:hover .track-action-btn{opacity:.8}.track-action-btn:hover{color:var(--gold);background:rgba(240,192,64,.1);opacity:1}.track-action-btn-active{color:var(--gold);background:rgba(240,192,64,.15);opacity:1}.track-action-downloaded{color:var(--primary)!important;opacity:1!important;cursor:default;pointer-events:none}.track-action-loading{opacity:.8!important;cursor:wait;pointer-events:none}.enrichment-panel{margin:0 12px 8px 48px;padding:16px 20px;background:var(--bg-card);border:1px solid rgba(240,192,64,.12);border-radius:var(--radius-md);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.enrichment-empty,.enrichment-loading{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem;padding:4px 0}.enrichment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.enrichment-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,rgba(240,192,64,.15),rgba(108,92,231,.15));border:1px solid rgba(240,192,64,.2);border-radius:var(--radius-full);font-size:.78rem;font-weight:700;color:var(--gold)}.enrichment-conf{color:var(--green);font-weight:600}.enrichment-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-muted);font-size:1.1rem;transition:all var(--transition)}.enrichment-close:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary)}.enrichment-cards{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.enrichment-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:hsla(0,0%,100%,.03);border-radius:var(--radius-sm);font-size:.85rem}.enrichment-card-label{color:var(--text-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.enrichment-card-value{font-weight:600;color:var(--text-primary)}.enrichment-chips{display:flex;flex-wrap:wrap;gap:4px}.enrichment-credits{padding:12px 0;border-top:1px solid hsla(0,0%,100%,.06)}.enrichment-credits h4,.enrichment-story h4{font-size:.82rem;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:6px;margin-bottom:8px}.credits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:6px;gap:6px}.credit-item{display:flex;gap:8px;font-size:.85rem}.credit-role{min-width:80px;flex-shrink:0}.enrichment-featured{display:flex;align-items:center;gap:8px;padding-top:8px}.enrichment-story{padding:12px 0 4px;border-top:1px solid hsla(0,0%,100%,.06)}.enrichment-story p{font-size:.88rem;line-height:1.6;color:var(--text-secondary)}.enrichment-titles{padding-top:8px;display:flex;flex-wrap:wrap;gap:12px}.title-lang{display:flex;gap:8px;font-size:.85rem}.browse-header{margin-bottom:24px}.browse-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preset-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.preset-chip:hover{border-color:var(--accent);color:var(--text-primary);background:rgba(108,92,231,.08)}.preset-active{border-color:var(--accent);color:var(--accent-light);background:rgba(108,92,231,.12);box-shadow:0 0 8px rgba(108,92,231,.2)}.browse-filter-toggle{display:none;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;font-size:.9rem;margin-bottom:16px;width:100%;justify-content:center}.filter-count{color:var(--accent-light);font-size:.7rem}.browse-layout{display:flex;gap:24px;min-height:60vh}.browse-filters{width:260px;flex-shrink:0;background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px;border:1px solid hsla(0,0%,100%,.06)}.browse-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.browse-filters-header h3{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:6px}.clear-filters{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--red);font-weight:600;transition:opacity var(--transition)}.clear-filters:hover{opacity:.8}.browse-search{margin-bottom:16px}.browse-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.browse-search-input{width:100%;padding:10px 12px 10px 36px;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;outline:none;transition:border-color var(--transition)}.browse-search-input:focus{border-color:var(--accent)}.browse-search-input::placeholder{color:var(--text-muted)}.browse-filter-loading{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem;padding:12px 0}.filter-group{margin-bottom:16px}.filter-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.filter-select{width:100%;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23556677' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:8px 32px 8px 12px}.filter-select:focus{border-color:var(--accent)}.chip-grid{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.chip:hover{border-color:hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.06)}.chip-active,.chip:hover{color:var(--text-primary)}.chip-active{font-weight:600;border-color:var(--accent);background:rgba(108,92,231,.12)}.chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chip-count{font-size:.7rem;opacity:.5;font-weight:400}.chip-gold{color:#f39c12}.chip-gold.chip-active{border-color:#f39c12;background:rgba(243,156,18,.12)}.browse-active-pills{display:flex;flex-wrap:wrap;gap:6px;margin-left:8px}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:rgba(108,92,231,.15);border:1px solid rgba(108,92,231,.3);border-radius:16px;color:var(--text-primary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-pill:hover{background:rgba(108,92,231,.25)}.filter-pill-gold{background:rgba(243,156,18,.15);border-color:rgba(243,156,18,.3)}.filter-pill svg{opacity:.6}.filter-pill:hover svg{opacity:1}.browse-search-wrap{position:relative}.browse-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:50%;transition:color .2s}.browse-search-clear:hover{color:var(--text-primary)}.year-range{display:flex;align-items:center;gap:8px}.year-input{flex:1 1;padding:8px 10px;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;outline:none;width:80px;text-align:center}.year-input:focus{border-color:var(--accent)}.year-input::placeholder{color:var(--text-muted)}.browse-results{flex:1 1;min-width:0}.browse-status{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--text-secondary);font-size:.88rem}.browse-active-filters{display:flex;gap:6px;flex-wrap:wrap}.browse-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:80px 0;color:var(--text-muted);font-size:.95rem}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.browse-card{display:flex;gap:14px;padding:12px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid hsla(0,0%,100%,.04);transition:all .25s ease;text-decoration:none;color:inherit}.browse-card:hover{background:var(--bg-card-hover);border-color:rgba(108,92,231,.2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.browse-card-cover{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elevated);flex-shrink:0}.browse-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.browse-card-title{font-weight:600;font-size:.92rem}.browse-card-artist,.browse-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browse-card-artist{color:var(--text-secondary);font-size:.8rem}.browse-card-badges{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.browse-conf{font-size:.72rem;font-weight:700;color:var(--green);margin-left:4px}.browse-card-meta{display:flex;gap:8px;color:var(--text-muted);font-size:.75rem}.browse-card-album{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.browse-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 0}.browse-page-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;font-size:.85rem;transition:all var(--transition)}.browse-page-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--accent-glow)}.browse-page-btn:disabled{opacity:.3;cursor:not-allowed}.browse-page-info{color:var(--text-secondary);font-size:.85rem;font-weight:500}@media (max-width:768px){.browse-filter-toggle{display:flex}.browse-layout{flex-direction:column}.browse-filters{display:none;width:100%;position:static}.browse-filters-open{display:block}.browse-grid{grid-template-columns:1fr}.enrichment-panel{margin-left:12px}.enrichment-cards{flex-direction:column}.credits-grid{grid-template-columns:1fr}}.support-fab{position:fixed;bottom:160px;right:20px;z-index:9998;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent,#8b5cf6),#6d28d9);color:#fff;box-shadow:0 4px 20px rgba(139,92,246,.4);transition:transform .2s,box-shadow .2s;animation:support-fab-entrance .3s ease-out}.support-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(139,92,246,.5)}.support-fab:active{transform:scale(.95)}.support-fab-badge{position:absolute;top:0;right:0;width:10px;height:10px;border-radius:50%;background:#ef4444;border:2px solid var(--bg-primary,#0a0e14)}@keyframes support-fab-entrance{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.support-drawer-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:support-overlay-in .2s ease-out}@keyframes support-overlay-in{0%{opacity:0}to{opacity:1}}.support-drawer{position:fixed;bottom:0;left:0;right:0;z-index:10000;max-height:85vh;display:flex;flex-direction:column;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 -8px 40px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.06);background:var(--bg-secondary,#111827);animation:support-drawer-slide .3s cubic-bezier(.32,.72,0,1)}@keyframes support-drawer-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.support-drag-handle{display:flex;justify-content:center;padding:10px 0 4px;cursor:-webkit-grab;cursor:grab;flex-shrink:0}.support-drag-bar{width:36px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.2)}.support-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--accent,#8b5cf6),#6d28d9)}.support-header-info{display:flex;align-items:center;gap:10px}.support-header-icon{font-size:1.4rem}.support-header h4{margin:0;font-size:.95rem;font-weight:600;line-height:1.2}.support-header-status{font-size:.7rem;opacity:.8}.support-header-actions{display:flex;gap:6px}.support-header-btn{background:hsla(0,0%,100%,.15);border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}.support-header-btn:hover{background:hsla(0,0%,100%,.25)}.support-messages{flex:1 1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;min-height:180px;max-height:50vh;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent}.support-msg{display:flex;gap:8px;max-width:90%;animation:support-msg-in .2s ease-out}.support-msg-user{align-self:flex-end;flex-direction:row-reverse}.support-msg-assistant{align-self:flex-start}.support-msg-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.support-msg-user .support-msg-avatar{background:var(--accent,#8b5cf6);color:#fff}.support-msg-assistant .support-msg-avatar{background:hsla(0,0%,100%,.08);color:var(--text-secondary,#9ca3af)}.support-msg-content{padding:10px 14px;border-radius:14px;font-size:.85rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.support-msg-user .support-msg-content{background:var(--accent,#8b5cf6);color:#fff;border-bottom-right-radius:4px}.support-msg-assistant .support-msg-content{background:hsla(0,0%,100%,.06);color:var(--text-primary,#e5e7eb);border-bottom-left-radius:4px}@keyframes support-msg-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.support-typing{display:inline-flex;gap:4px;padding:2px 0}.support-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-secondary,#9ca3af);animation:support-typing-bounce 1.4s ease-in-out infinite both}.support-typing span:first-child{animation-delay:0s}.support-typing span:nth-child(2){animation-delay:.2s}.support-typing span:nth-child(3){animation-delay:.4s}@keyframes support-typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.support-quick-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:4px 0;animation:support-msg-in .3s ease-out}.support-quick-card{display:flex;align-items:center;gap:8px;padding:12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;color:var(--text-primary,#e5e7eb);cursor:pointer;transition:all .15s;text-align:left;font-size:.8rem;font-family:inherit;line-height:1.3}.support-quick-card:hover{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);transform:translateY(-1px)}.support-quick-card:active{transform:scale(.97)}.support-quick-emoji{font-size:1.2rem;flex-shrink:0}.support-quick-label{font-weight:500}.support-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0;animation:support-msg-in .3s ease-out}.support-suggestion-pill{padding:6px 14px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.2);border-radius:20px;color:var(--accent,#8b5cf6);font-size:.78rem;font-family:inherit;cursor:pointer;transition:all .15s;white-space:nowrap}.support-suggestion-pill:hover{background:rgba(139,92,246,.15);border-color:var(--accent,#8b5cf6);transform:translateY(-1px)}.support-suggestion-pill:active{transform:scale(.95)}.support-cancel-row{display:flex;justify-content:center;padding:6px 0}.support-cancel-btn{background:hsla(0,0%,100%,.06);color:var(--text-muted,#9ca3af);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:4px 16px;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .15s}.support-cancel-btn:hover{background:hsla(0,0%,100%,.1);color:var(--text-primary,#fff)}.support-input-area{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid hsla(0,0%,100%,.06);background:var(--bg-primary,#0a0e14);flex-shrink:0}.support-input{flex:1 1;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:10px 14px;color:var(--text-primary,#e5e7eb);font-size:.85rem;font-family:inherit;resize:none;outline:none;max-height:80px;transition:border-color .2s}.support-input:focus{border-color:var(--accent,#8b5cf6)}.support-input::placeholder{color:var(--text-secondary,#6b7280)}.support-send-btn{width:38px;height:38px;border-radius:12px;border:none;background:var(--accent,#8b5cf6);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s;flex-shrink:0}.support-send-btn:hover:not(:disabled){background:#7c3aed}.support-send-btn:active:not(:disabled){transform:scale(.93)}.support-send-btn:disabled{opacity:.4;cursor:not-allowed}.support-feedback{gap:8px;padding:6px 0;font-size:.75rem;animation:support-msg-in .3s ease-out}.support-feedback,.support-feedback button{display:flex;align-items:center;color:var(--text-secondary,#9ca3af)}.support-feedback button{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;width:28px;height:28px;justify-content:center;cursor:pointer;transition:all .2s}.support-feedback button:hover{background:rgba(139,92,246,.15);color:var(--accent,#8b5cf6);border-color:var(--accent,#8b5cf6)}.support-feedback-thanks{font-size:.75rem;color:var(--accent,#8b5cf6);padding:4px 0;animation:support-msg-in .3s ease-out}.spin{animation:spin 1s linear infinite}@media (max-width:768px){.support-fab{bottom:140px;right:14px;width:44px;height:44px}.support-drawer{max-height:100%;height:100dvh;border-radius:0}.support-drawer-overlay{background:rgba(0,0,0,.7)}.support-drag-handle{padding-top:max(10px,env(safe-area-inset-top,10px))}.support-messages{flex:1 1;max-height:none;min-height:0}.support-input-area{padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}.support-quick-grid{grid-template-columns:1fr 1fr;gap:6px}.support-quick-card{padding:10px;font-size:.75rem}}.track-page{padding:0 var(--spacing-lg);max-width:900px;margin:0 auto;animation:fadeInUp .4s ease-out}.track-page .btn-back{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:.85rem;text-decoration:none;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);transition:color .2s}.track-page .btn-back:hover{color:var(--text-primary)}.track-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:300px;color:var(--text-secondary)}.track-ssr{max-width:900px;margin:0 auto;padding:var(--spacing-lg)}.track-ssr-hero{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}.track-ssr-cover{width:160px;height:160px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.track-ssr-info h1{font-size:1.5rem;font-weight:700;margin:0 0 6px;color:var(--text-primary)}.track-ssr-artist{font-size:1rem;color:var(--text-secondary);margin:0 0 4px}.track-ssr-artist a{color:var(--accent);text-decoration:none}.track-ssr-album{font-size:.9rem;color:var(--text-muted);margin:0 0 4px}.track-ssr-album a{color:var(--text-secondary);text-decoration:none}.track-ssr-meta{font-size:.85rem;color:var(--text-muted);margin:0}.track-ssr-details{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.track-ssr-chip{display:inline-block;padding:4px 10px;background:var(--bg-elevated);border-radius:12px;font-size:.8rem;color:var(--text-secondary)}.track-ssr-story{margin-bottom:16px}.track-ssr-story h2{font-size:1rem;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.track-ssr-story p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.track-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-xl)}.track-hero-bg{position:absolute;inset:0;z-index:0}.track-hero-bg img{width:100%;height:100%;object-fit:cover;filter:blur(40px) brightness(.3) saturate(1.4);transform:scale(1.3)}.track-hero-content{position:relative;z-index:1;display:flex;gap:var(--spacing-xl);padding:var(--spacing-xl);align-items:flex-start;background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.5));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.track-hero-cover{width:220px;height:220px;border-radius:var(--radius-md);object-fit:cover;box-shadow:0 8px 32px rgba(0,0,0,.5);flex-shrink:0;transition:transform .3s ease}.track-hero-cover:hover{transform:scale(1.03)}.track-hero-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.track-hero-title{font-size:1.8rem;font-weight:700;color:#fff;line-height:1.2;margin:0}.track-hero-artist{font-size:1.1rem;color:hsla(0,0%,100%,.85)}.track-artist-link{color:hsla(0,0%,100%,.9);text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.2);transition:all .2s}.track-artist-link:hover{color:#fff;border-color:hsla(0,0%,100%,.6)}.track-hero-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);color:hsla(0,0%,100%,.6);font-size:.85rem;align-items:center}.track-hero-meta>a,.track-hero-meta>span{display:inline-flex;align-items:center;gap:4px}.track-album-link{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .2s}.track-album-link:hover{color:#fff}.track-hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md);align-items:center}.track-play-btn{display:inline-flex;align-items:center;gap:6px;background:var(--maqam-color,var(--accent));color:#fff;border:none;border-radius:999px;padding:10px 24px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(0,0,0,.3)}.track-play-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.4);filter:brightness(1.1)}.track-enrichment{margin-bottom:var(--spacing-xl)}.track-enrichment-header{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--accent);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-md)}.track-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.track-card{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--text-primary);text-decoration:none;transition:all .25s ease;position:relative;overflow:hidden}.track-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--card-accent,var(--accent));opacity:0;transition:opacity .25s}.track-card:hover{border-color:var(--card-accent,var(--accent));transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.track-card:hover:before{opacity:1}.track-card-maqam{border-left:3px solid var(--card-accent,var(--accent))}.track-card-maqam:before{opacity:0!important}.track-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.track-card-value{font-size:1.1rem;font-weight:600}.track-chips{display:flex;flex-wrap:wrap;gap:6px}.chip-inline{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(var(--accent-rgb,99,102,241),.15);color:var(--accent);font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;border:1px solid transparent}.chip:hover{background:rgba(var(--accent-rgb,99,102,241),.25);border-color:var(--accent)}.chip-gold{color:#d4a017;background:rgba(212,160,23,.12)}.track-credits{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.track-credits h3{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:600;margin:0 0 var(--spacing-md);color:var(--text-primary)}.track-credits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--spacing-sm) var(--spacing-lg);gap:var(--spacing-sm) var(--spacing-lg)}.credit{display:flex;flex-direction:column;gap:2px}.credit-role{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.track-featured{margin-bottom:var(--spacing-lg)}.track-featured h3{font-size:.95rem;font-weight:600;margin:0 0 var(--spacing-sm)}.track-story{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.track-story h3{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:600;margin:0 0 var(--spacing-md);color:var(--text-primary)}.track-story p{color:var(--text-secondary);line-height:1.7;font-size:.95rem;margin:0}.story-toggle{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:500;padding:0;margin-top:var(--spacing-sm);transition:opacity .2s}.story-toggle:hover{opacity:.8;text-decoration:underline}.track-titles{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.track-titles h3{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:600;margin:0 0 var(--spacing-md)}.track-titles-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.title-item{display:flex;gap:var(--spacing-md);align-items:baseline}.track-lyrics-section{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.track-lyrics-section h3{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:600;margin:0 0 var(--spacing-md)}.track-lyrics-text{color:var(--text-secondary);font-family:inherit;white-space:pre-wrap;word-wrap:break-word;line-height:1.8;font-size:.95rem;margin:0}.track-hero-skeleton{min-height:280px;background:var(--glass)}.skeleton-cover{width:220px;height:220px;border-radius:var(--radius-md);flex-shrink:0}.skeleton-cover,.skeleton-line{background:var(--border);animation:shimmer 1.5s infinite}.skeleton-line{height:20px;border-radius:4px}.skeleton-title{width:60%;height:28px}.skeleton-artist{width:40%}.skeleton-meta{width:50%;height:16px}.skeleton-card{height:100px;background:var(--border);border-radius:var(--radius-md);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}@media (max-width:640px){.track-page{padding:0 var(--spacing-md)}.track-hero-content{flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg)}.track-hero-cover{width:180px;height:180px}.track-hero-title{font-size:1.4rem}.track-hero-actions,.track-hero-meta{justify-content:center}.track-cards-grid,.track-credits-grid{grid-template-columns:1fr}.skeleton-cover{width:180px;height:180px}}.support-msg-link{color:#4ade80!important;text-decoration:underline;font-weight:600;transition:opacity .2s;word-break:break-all}.support-msg-link:hover{opacity:.8}.daypart-banner{display:flex;align-items:stretch;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;transition:all .25s;max-width:720px}.daypart-banner:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.25)}.daypart-banner-cover{width:300px;min-width:200px;aspect-ratio:16/9;background:linear-gradient(135deg,#2f2659,#65367d);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.daypart-banner-cover img{width:100%;height:100%;object-fit:cover}.daypart-banner-info{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:18px 24px;min-width:0}.daypart-banner-title{font-size:1.2rem;font-weight:700}.daypart-banner-meta{color:var(--text-secondary);font-size:.9rem}.daypart-banner-cta{margin-top:10px;color:var(--accent);font-weight:600;font-size:.95rem}@media (max-width:640px){.daypart-banner{flex-direction:column}.daypart-banner-cover{width:100%}}.albums-toolbar,.artists-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:24px}.artist-search-wrap{position:relative;flex:1 1;min-width:220px;max-width:380px}.artist-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.artist-search{width:100%;padding:10px 14px 10px 40px;background:var(--bg-card);border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-primary);font-size:.9rem;font-family:var(--font-primary);outline:none;transition:border-color .2s,box-shadow .2s}.artist-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.sort-chips{display:flex;flex-wrap:wrap;gap:8px}.sort-chip{padding:7px 14px;background:var(--bg-card);border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;text-decoration:none}.sort-chip:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sort-chip.active{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-glow)}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:18px;gap:18px}.artist-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px 18px;background:var(--bg-card);border-radius:var(--radius-lg);text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s}.artist-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.artist-card-avatar{width:112px;height:112px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;font-weight:800;color:#fff;overflow:hidden;flex-shrink:0}.artist-card-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.artist-card:hover .artist-card-avatar{box-shadow:var(--shadow-glow)}.artist-card-name{display:flex;align-items:center;gap:5px;color:var(--text-primary);font-weight:700;font-size:.95rem;text-align:center;line-height:1.3}.artist-verified{color:var(--accent-light);flex-shrink:0}.artist-card-meta{color:var(--text-muted);font-size:.78rem}@media (max-width:640px){.artists-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.artist-card-avatar{width:84px;height:84px;font-size:1.5rem}.albums-toolbar,.artists-toolbar{flex-direction:column;align-items:stretch}.artist-search-wrap{max-width:none}}@media (max-width:768px),(pointer:coarse){.track-action-btn{width:44px;height:44px;opacity:.8}.track-actions{gap:4px}.section-see-all{padding:0 8px}.footer-links a,.section-see-all{display:inline-flex;align-items:center;min-height:44px}.footer-links a{padding:4px 6px}.pwa-install-dismiss{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.support-fab{bottom:calc(150px + env(safe-area-inset-bottom, 0px));right:12px;width:48px;height:48px}.album-tracks,.track-list{padding-bottom:96px}}.card-play-btn{position:absolute;bottom:8px;right:8px;z-index:2;width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:var(--accent,#7c5cf0);color:#fff;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.4)}.album-card:hover .card-play-btn{opacity:1;transform:translateY(0)}.card-play-btn:hover{transform:scale(1.06)}.card-play-spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (pointer:coarse){.card-play-btn{opacity:.9;transform:none;width:44px;height:44px}}.auth-social{display:flex;flex-direction:column;gap:10px;margin-top:18px}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:hsla(0,0%,100%,.08)}.auth-social-google{display:flex;justify-content:center;min-height:44px}.auth-social-apple{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:#fff;color:#000;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;transition:all var(--transition)}.auth-social-apple:hover:not(:disabled){background:#e8e8e8}.auth-social-apple:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}