:root{--bg-primary:#0a0f1d;--bg-surface:#111827;--bg-surface-elevated:#1e293b;--bg-surface-hover:#26334d;--border-color:#ffffff14;--border-active:#6366f180;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-hover:#4f46e5;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--accent-glow:#6366f140;--success:#10b981;--danger:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--player-height:88px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app-container{min-height:100vh;padding-bottom:calc(var(--player-height) + 32px);flex-direction:column;display:flex}.app-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#0a0f1dd9;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.brand-logo{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-badge{background:var(--accent-gradient);color:#fff;letter-spacing:2px;border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--accent-glow);align-items:center;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.brand-title{letter-spacing:-.5px;font-size:20px;font-weight:700}.brand-subtitle{color:var(--text-secondary);border-left:1px solid var(--border-color);margin-left:8px;padding-left:12px;font-size:13px}.header-status{color:var(--text-secondary);background:var(--bg-surface);border-radius:var(--radius-full);border:1px solid var(--border-color);align-items:center;gap:8px;padding:6px 14px;font-size:12px;display:flex}.status-dot{background-color:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%}.status-dot.offline{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:32px}.hero-section{margin-bottom:40px}.hero-title{letter-spacing:-1px;background:linear-gradient(#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:36px;font-weight:800}.hero-description{color:var(--text-secondary);max-width:640px;font-size:16px;line-height:1.5}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{color:var(--text-primary);font-size:22px;font-weight:700}.song-count{color:var(--text-muted);font-size:13px;font-weight:500}.song-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;display:grid}.song-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;padding:16px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.song-card:hover{background:var(--bg-surface-elevated);border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 24px -10px #00000080}.song-card.is-active{border-color:var(--border-active);background:#6366f114}.card-cover-wrapper{aspect-ratio:1;border-radius:var(--radius-sm);background-color:var(--bg-surface-elevated);width:100%;margin-bottom:14px;position:relative;overflow:hidden}.card-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.song-card:hover .card-cover-img{transform:scale(1.04)}.card-play-overlay{opacity:0;background:#0a0f1d66;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.song-card:hover .card-play-overlay,.song-card.is-active .card-play-overlay{opacity:1}.card-play-btn{background:var(--accent-gradient);color:#fff;width:52px;height:52px;box-shadow:0 8px 20px var(--accent-glow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.card-play-btn:hover{transform:scale(1.08)}.equalizer-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;border-radius:6px;align-items:flex-end;gap:3px;height:18px;padding:3px 6px;display:flex;position:absolute;bottom:10px;right:10px}.eq-bar{background:#ec4899;border-radius:1px;width:3px;animation:1s ease-in-out infinite alternate eqBounce}.eq-bar:first-child{height:60%;animation-delay:.1s}.eq-bar:nth-child(2){height:100%;animation-delay:.3s}.eq-bar:nth-child(3){height:40%;animation-delay:.2s}@keyframes eqBounce{0%{height:20%}to{height:100%}}.card-details{flex-direction:column;flex:1;display:flex}.card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:700;overflow:hidden}.card-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:12px;font-size:14px;overflow:hidden}.card-meta-row{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:12px;display:flex}.badge-group{gap:6px;display:flex}.badge{background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.badge.language{color:#a5b4fc;background:#6366f11a;border-color:#6366f133}.track-duration{font-variant-numeric:tabular-nums;font-size:12px}.fixed-player-bar{height:var(--player-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:100;background:#111827f2;grid-template-columns:280px 1fr 280px;align-items:center;gap:20px;padding:0 28px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0009}.player-track-info{align-items:center;gap:14px;min-width:0;display:flex}.player-thumb{border-radius:var(--radius-sm);object-fit:cover;background-color:var(--bg-surface-elevated);flex-shrink:0;width:52px;height:52px;box-shadow:0 4px 8px #0000004d}.player-meta{flex-direction:column;min-width:0;display:flex}.player-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.player-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player-center-controls{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:600px;margin:0 auto;display:flex}.transport-buttons{align-items:center;gap:18px;display:flex}.control-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.control-btn:hover:not(:disabled){color:var(--text-primary);transform:scale(1.1)}.control-btn:disabled{opacity:.35;cursor:not-allowed}.control-btn.play-pause-btn{color:#0f172a;background:#fff;width:40px;height:40px;box-shadow:0 4px 12px #fff3}.control-btn.play-pause-btn:hover:not(:disabled){background:#f1f5f9;transform:scale(1.08)}.timeline-wrapper{align-items:center;gap:12px;width:100%;display:flex}.time-display{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:36px;font-size:11px}.range-slider{appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:100%;height:4px;transition:height .15s}.range-slider:hover{height:6px}.range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;box-shadow:0 0 6px #0006}.range-slider:hover::-webkit-slider-thumb{transform:scale(1.3)}.range-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px}.player-right-options{justify-content:flex-end;align-items:center;gap:12px;display:flex}.volume-control-wrapper{align-items:center;gap:10px;width:130px;display:flex}.volume-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.volume-btn:hover{color:var(--text-primary)}.volume-slider{width:80px}.state-container{text-align:center;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px dashed var(--border-color);flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px 20px;display:flex}.state-icon{width:56px;height:56px;color:var(--accent-primary);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.state-title{margin-bottom:8px;font-size:20px;font-weight:700}.state-description{color:var(--text-secondary);max-width:440px;margin-bottom:20px;font-size:14px;line-height:1.5}.action-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 22px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s}.action-btn:hover{opacity:.95;transform:translateY(-1px)}.error-banner{color:#fca5a5;border-radius:var(--radius-sm);background:#ef444426;border:1px solid #ef44444d;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 18px;font-size:14px;display:flex}.skeleton-card{background:var(--bg-surface);border-radius:var(--radius-md);padding:16px;animation:1.5s ease-in-out infinite pulseSkeleton}.skeleton-cover{aspect-ratio:1;background:var(--bg-surface-elevated);border-radius:var(--radius-sm);width:100%;margin-bottom:14px}.skeleton-text{background:var(--bg-surface-elevated);border-radius:4px;height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}@keyframes pulseSkeleton{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (width<=768px){.app-header{padding:14px 20px}.main-content{padding:20px}.fixed-player-bar{grid-template-columns:1fr auto;row-gap:10px;height:auto;padding:12px 16px}.player-track-info{grid-column:1/2}.player-right-options{display:none}.player-center-controls{grid-column:1/-1}}.split-layout-wrapper{grid-template-columns:480px 1fr;align-items:start;gap:36px;display:grid}@media (width>=1440px){.split-layout-wrapper{grid-template-columns:520px 1fr;gap:40px}}@media (width<=1024px){.split-layout-wrapper{grid-template-columns:1fr;gap:32px}.split-left-column{position:relative!important;top:0!important}}.split-left-column{z-index:20;position:sticky;top:90px}.player-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:22px;display:flex;box-shadow:0 16px 36px -10px #0009}.player-panel.empty{text-align:center;justify-content:center;align-items:center;min-height:400px}.player-empty-box{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.player-empty-icon{width:64px;height:64px;color:var(--text-secondary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.player-empty-box h4{color:var(--text-primary);font-size:18px}.player-empty-box p{max-width:280px;font-size:14px;line-height:1.5}.player-panel-header{justify-content:space-between;align-items:center;display:flex}.player-status-badge{letter-spacing:1.2px;color:#a5b4fc;border-radius:var(--radius-full);background:#6366f126;border:1px solid #6366f14d;align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:800;display:flex}.player-track-counter{color:var(--text-muted);font-size:12px;font-weight:600}.player-screen-container{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080}.player-screen-container iframe,.player-screen-container #player-embed-target{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.player-error-alert{color:#fca5a5;border-radius:var(--radius-sm);background:#ef444426;border:1px solid #ef44444d;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.player-error-text{flex:1}.player-skip-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ef4444;border:none;padding:4px 10px;font-size:11px;font-weight:700}.player-song-details{flex-direction:column;gap:4px;display:flex}.player-song-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;line-height:1.35;overflow:hidden}.player-song-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.player-time-labels{color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.player-controls-row{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:14px;padding-top:6px;display:flex}.player-transport-buttons{align-items:center;gap:12px;display:flex}.player-volume-group{align-items:center;gap:8px;width:120px;display:flex}.player-volume-group .volume-slider{width:80px}.split-right-column{flex-direction:column;gap:24px;min-width:0;display:flex}.right-search-header{flex-direction:column;gap:14px;display:flex}.search-section-heading{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:800}.search-container{width:100%}.search-form{gap:12px;width:100%;display:flex}.search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:16px}.search-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:14px 44px 14px 46px;font-family:inherit;font-size:15px;transition:all .2s}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-surface-elevated)}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1;position:absolute;right:14px}.search-clear-btn:hover{color:var(--text-primary)}.search-submit-btn{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 16px var(--accent-glow);border:none;justify-content:center;align-items:center;min-width:100px;padding:0 26px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s;display:flex}.search-submit-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.search-submit-btn:disabled{opacity:.5;cursor:not-allowed}.search-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.search-chips-wrapper{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.search-chips-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.search-chips-list{flex-wrap:wrap;gap:8px;display:flex}.search-chip-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.search-chip-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent-primary);background:var(--bg-surface-elevated);transform:translateY(-1px)}.results-container{flex-direction:column;gap:16px;display:flex}.results-list{flex-direction:column;gap:10px;display:flex}.song-list-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:14px;padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.song-list-item:hover{background:var(--bg-surface-elevated);border-color:#ffffff26;transform:translate(4px)}.song-list-item.is-active{border-color:var(--border-active);background:#6366f11a}.song-item-leading{text-align:center;width:24px;color:var(--text-muted);flex-shrink:0;font-size:13px;font-weight:600}.equalizer-indicator.inline{background:0 0;gap:2px;height:14px;padding:0;position:static}.song-item-thumb-wrapper{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg-surface-elevated);flex-shrink:0;width:72px;position:relative;overflow:hidden}.song-item-thumb{object-fit:cover;width:100%;height:100%}.song-item-hover-play{color:#fff;opacity:0;background:#0a0f1d80;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.song-list-item:hover .song-item-hover-play,.song-list-item.is-active .song-item-hover-play{opacity:1}.song-item-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.song-item-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.song-item-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.song-item-action{flex-shrink:0}.song-play-btn{cursor:pointer;background:0 0;border:none;padding:4px}.play-badge{letter-spacing:.5px;border-radius:var(--radius-full);color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff14;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.play-badge.playing{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px var(--accent-glow);border-color:#0000}.song-list-item:hover .play-badge:not(.playing){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.skeleton-song-item{background:var(--bg-surface);border-radius:var(--radius-md);align-items:center;gap:14px;padding:10px 14px;animation:1.5s ease-in-out infinite pulseSkeleton;display:flex}.skeleton-song-thumb{aspect-ratio:16/9;background:var(--bg-surface-elevated);border-radius:var(--radius-sm);flex-shrink:0;width:72px}.skeleton-song-info{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line{background:var(--bg-surface-elevated);border-radius:4px;height:12px}.skeleton-line.title{width:70%}.skeleton-line.channel{width:40%}.musify-splash-overlay{z-index:99999;opacity:1;visibility:visible;background:radial-gradient(circle at 50% 40%,#171d33 0%,#070b14 75%);justify-content:center;align-items:center;transition:opacity .45s cubic-bezier(.4,0,.2,1),visibility .45s;display:flex;position:fixed;inset:0;overflow:hidden}.musify-splash-overlay.splash-exit{opacity:0;visibility:hidden;pointer-events:none}.splash-ambient-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#6366f140 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite alternate floatAmbient;position:absolute}.splash-ambient-glow-secondary{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#ec489933 0%,#0000 70%);border-radius:50%;width:350px;height:350px;animation:5s ease-in-out infinite alternate-reverse floatAmbient;position:absolute;bottom:20%;right:25%}@keyframes floatAmbient{0%{transform:scale(.9)translate(0)}to{transform:scale(1.15)translate(20px,15px)}}.splash-content{z-index:10;text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative}.splash-rings-container{justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 28px;display:flex;position:relative}.splash-ring{pointer-events:none;border:2px solid #6366f173;border-radius:50%;animation:2.2s cubic-bezier(.215,.61,.355,1) infinite splashRingPulse;position:absolute}.splash-ring.ring-1{width:100%;height:100%;animation-delay:0s}.splash-ring.ring-2{border-color:#ec489961;width:135%;height:135%;animation-delay:.45s}.splash-ring.ring-3{border-color:#818cf838;width:170%;height:170%;animation-delay:.9s}@keyframes splashRingPulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.splash-emblem{z-index:5;background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;animation:1.1s ease-in-out infinite alternate splashEmblemBeat;display:flex;position:relative;box-shadow:0 0 35px #6366f1a6,inset 0 0 15px #ffffff4d}@keyframes splashEmblemBeat{0%{transform:scale(.96);box-shadow:0 0 25px #6366f180}to{transform:scale(1.06);box-shadow:0 0 45px #ec4899bf}}.splash-equalizer-bars{align-items:flex-end;gap:5px;height:40px;display:flex}.splash-bar{background:#fff;border-radius:3px;width:5px;animation:.9s ease-in-out infinite alternate splashBarJump;box-shadow:0 0 8px #ffffffb3}.splash-bar.bar-1{height:16px;animation-delay:.1s}.splash-bar.bar-2{height:32px;animation-delay:.35s}.splash-bar.bar-3{height:22px;animation-delay:.15s}.splash-bar.bar-4{height:38px;animation-delay:.5s}.splash-bar.bar-5{height:18px;animation-delay:.25s}@keyframes splashBarJump{0%{height:8px}to{height:38px}}.splash-brand-group{margin-bottom:24px}.splash-brand-title{letter-spacing:8px;background:linear-gradient(135deg,#fff 0%,#a5b4fc 40%,#ec4899 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 35px #6366f18c;-webkit-background-clip:text;justify-content:center;gap:2px;margin-bottom:8px;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:900;display:flex}.splash-letter{animation:.6s cubic-bezier(.34,1.56,.64,1) backwards letterPop;display:inline-block}.splash-letter:first-child{animation-delay:50ms}.splash-letter:nth-child(2){animation-delay:.12s}.splash-letter:nth-child(3){animation-delay:.19s}.splash-letter:nth-child(4){animation-delay:.26s}.splash-letter:nth-child(5){animation-delay:.33s}.splash-letter:nth-child(6){animation-delay:.4s}@keyframes letterPop{0%{opacity:0;transform:translateY(20px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}.splash-tagline{color:#94a3b8;letter-spacing:.5px;font-size:14px;font-weight:600}.splash-progress-track{background:#ffffff1f;border-radius:4px;width:220px;height:4px;margin-bottom:12px;overflow:hidden}.splash-progress-fill{background:linear-gradient(90deg,#6366f1,#ec4899);width:0%;height:100%;animation:linear forwards splashFillProgress}@keyframes splashFillProgress{0%{width:0%}to{width:100%}}.splash-loading-text{color:#64748b;letter-spacing:.5px;font-size:12px;font-weight:500}.musify-app-root{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.musify-header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#070b14e0;padding:14px 24px;position:sticky;top:0}.musify-header .header-inner{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;display:flex}.brand-text-col{flex-direction:column;display:flex}.header-actions{align-items:center;gap:14px;display:flex}.header-reload-btn{color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.header-reload-btn:hover{border-color:var(--accent-primary);color:#fff;box-shadow:0 0 16px var(--accent-glow);background:#6366f138;transform:translateY(-1px)}.header-reload-btn:hover .reload-icon{transition:transform .4s cubic-bezier(.34,1.56,.64,1);transform:rotate(180deg)}.header-reload-btn:active{transform:translateY(0)scale(.97)}.musify-main-container{flex-direction:column;flex:1;gap:28px;width:100%;max-width:1100px;margin:0 auto;padding:28px 24px 80px;display:flex}.musify-player-section{width:100%;animation:.35s cubic-bezier(.16,1,.3,1) slideDownIn}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.player-header-left{align-items:center;gap:12px;display:flex}.player-close-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;transition:all .2s;display:flex}.player-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef444466}.hero-search-intro{text-align:center;margin-bottom:20px}.hero-search-heading{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:32px;font-weight:800}.hero-search-sub{color:var(--text-secondary);font-size:15px}.musify-search-section,.musify-results-section{width:100%}.player-volume-group{align-items:center;gap:10px;min-width:170px;display:flex}.volume-slider-track-wrap{flex:1;align-items:center;display:flex}.volume-slider{appearance:none!important;cursor:pointer!important;touch-action:pan-y!important;border:none!important;border-radius:6px!important;outline:none!important;width:100%!important;height:6px!important}.volume-slider::-webkit-slider-thumb{appearance:none!important;cursor:pointer!important;background:#fff!important;border-radius:50%!important;width:16px!important;height:16px!important;transition:transform .15s,box-shadow .15s!important;box-shadow:0 0 10px #6366f1cc,0 2px 4px #0006!important}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.35)!important;box-shadow:0 0 14px #ec4899e6!important}.volume-slider::-webkit-slider-thumb:active{transform:scale(1.35)!important;box-shadow:0 0 14px #ec4899e6!important}.volume-slider::-moz-range-thumb{cursor:pointer!important;background:#fff!important;border:none!important;border-radius:50%!important;width:16px!important;height:16px!important;box-shadow:0 0 10px #6366f1cc!important}.volume-percent{color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:12px;font-weight:700}.musify-footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:auto;padding:20px;font-size:13px}.musify-footer .footer-content{justify-content:center;align-items:center;gap:8px;display:flex}.musify-footer .footer-brand{color:var(--text-secondary);font-weight:700}@media (width<=768px){.musify-header{padding:12px 16px}.brand-subtitle{display:none}.musify-main-container{gap:20px;padding:16px 14px 60px}.hero-search-heading{font-size:24px}.hero-search-sub{font-size:13px}.player-screen-container{max-height:260px}.player-controls-row{flex-direction:column;align-items:stretch;gap:14px}.player-transport-buttons{justify-content:center}.player-volume-group{justify-content:center;width:100%}.search-form{flex-direction:column;gap:10px}.search-submit-btn{justify-content:center;width:100%;padding:12px}.search-chips-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;overflow-x:auto}.search-chips-wrapper::-webkit-scrollbar{display:none}.search-chips-list{white-space:nowrap;flex-wrap:nowrap}.song-list-item{gap:10px;padding:10px 12px}.song-item-thumb-wrapper{width:64px}.song-item-title{font-size:13px}.song-item-artist{font-size:11px}}@media (width<=480px){.header-reload-btn .reload-btn-text{display:none}.header-reload-btn{padding:7px 10px}.player-song-title{font-size:16px}.player-screen-container{max-height:200px}.splash-brand-title{letter-spacing:5px;font-size:36px}.splash-rings-container{width:110px;height:110px}.splash-emblem{width:72px;height:72px}}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 0 12px #f59e0b73);cursor:pointer;width:48px;height:48px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.brand-logo:hover .brand-logo-img{transform:scale(1.12)rotate(-5deg)}.brand-title{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800;line-height:1.1}.brand-subtitle-by{background:linear-gradient(135deg,#fef08a 0%,#f59e0b 60%,#fbbf24 100%);-webkit-text-fill-color:transparent;letter-spacing:.8px;text-shadow:0 0 14px #f59e0b4d;-webkit-background-clip:text;font-family:Playfair Display,Italiana,Georgia,serif;font-size:13px;font-style:italic;font-weight:600;line-height:1.2}.hidden-yt-audio-container{opacity:.001!important;pointer-events:none!important;z-index:-999!important;width:200px!important;height:200px!important;position:fixed!important;top:-9999px!important;left:-9999px!important}.musify-audio-player-card{-webkit-backdrop-filter:blur(28px);background:#111827c7;border:1px solid #ffffff1a;border-radius:24px;padding:22px 28px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1f}.musify-audio-player-card:before{content:"";opacity:.8;background:linear-gradient(90deg,#0000,#6366f1,#ec4899,#0000);height:2px;position:absolute;top:0;left:0;right:0}.player-top-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;display:flex}.status-dot.playing{background:#10b981;animation:1.6s ease-in-out infinite pulseGreen;box-shadow:0 0 10px #10b981}@keyframes pulseGreen{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}to{opacity:.8;transform:scale(.9)}}.audio-player-body{align-items:center;gap:28px;display:flex}.player-art-col{flex-shrink:0}.player-thumb-frame{aspect-ratio:16/9;background:#1e293b;border:1px solid #ffffff1f;border-radius:16px;width:170px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000073}.player-thumb-frame.is-playing{border-color:#6366f199;box-shadow:0 12px 35px #6366f166,0 0 20px #ec489940}.player-thumb-image{object-fit:cover;width:100%;height:100%;display:block}.thumb-eq-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1dbf;border-radius:6px;align-items:flex-end;gap:3px;height:20px;padding:4px 6px;display:flex;position:absolute;bottom:8px;right:8px}.mini-eq-bar{background:#ec4899;border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate miniEq}.mini-eq-bar.b1{height:6px;animation-delay:.1s}.mini-eq-bar.b2{height:16px;animation-delay:.3s}.mini-eq-bar.b3{height:10px;animation-delay:.2s}@keyframes miniEq{0%{height:4px}to{height:15px}}.player-interactive-col{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.player-song-headings{flex-direction:column;gap:3px;display:flex}.player-song-headings .player-song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.3px;font-size:19px;font-weight:800;overflow:hidden}.player-song-headings .player-song-artist{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.player-timeline-box{flex-direction:column;gap:6px;display:flex}.timeline-labels{color:#64748b;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;font-weight:600;display:flex}.timeline-slider{appearance:none;cursor:pointer;border-radius:6px;outline:none;width:100%;height:6px}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 0 8px #6366f1e6}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.player-controls-cluster{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.transport-buttons-group{align-items:center;gap:16px;display:flex}.transport-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.transport-btn:hover{color:#fff;background:#ffffff29;border-color:#ffffff40;transform:scale(1.08)}.transport-btn:active{transform:scale(.95)}.transport-btn.play-pause-master{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);border:none;width:52px;height:52px;box-shadow:0 6px 20px #6366f173}.transport-btn.play-pause-master:hover{transform:scale(1.1);box-shadow:0 8px 25px #ec489999}.transport-btn.play-pause-master:active{transform:scale(.96)}.player-volume-cluster{background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:10px;min-width:170px;padding:6px 14px;display:flex}.volume-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.volume-toggle-btn:hover{color:#fff}.volume-slider-box{flex:1;align-items:center;display:flex}.volume-slider-box .volume-slider{appearance:none;cursor:pointer;touch-action:pan-y;border-radius:4px;outline:none;width:100%;height:6px}.volume-slider-box .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 0 8px #6366f1cc}.volume-slider-box .volume-slider::-webkit-slider-thumb:hover{transform:scale(1.35)}.volume-slider-box .volume-slider::-webkit-slider-thumb:active{transform:scale(1.35)}.volume-percent-tag{color:#94a3b8;text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:11px;font-weight:700}.modern-search-console{flex-direction:column;gap:16px;width:100%;display:flex}.modern-search-bar{-webkit-backdrop-filter:blur(18px);background:#111827b3;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;padding:6px 8px 6px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 30px #00000059}.modern-search-bar:focus-within{background:#111827e6;border-color:#6366f1cc;box-shadow:0 0 0 4px #6366f133,0 10px 35px #00000080}.search-field-wrapper{flex:1;align-items:center;gap:12px;display:flex}.search-lens-icon{color:#818cf8;flex-shrink:0}.search-text-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:16px}.search-text-input::placeholder{color:#64748b;font-weight:500}.search-reset-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 8px;font-size:20px;line-height:1;transition:color .15s}.search-reset-btn:hover{color:#fff}.search-action-btn{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);border:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 4px 15px #6366f159}.search-action-btn:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 20px #ec489980}.search-action-btn:active:not(:disabled){transform:scale(.97)}.search-action-btn:disabled{opacity:.55;cursor:not-allowed}.search-filter-pills-row{align-items:center;gap:10px;display:flex}.filter-pills-label{color:#818cf8;text-transform:uppercase;letter-spacing:1px;flex-shrink:0;font-size:12px;font-weight:700}.filter-pills-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;padding:4px 0;display:flex;overflow-x:auto}.filter-pills-scroll::-webkit-scrollbar{display:none}.filter-pill-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.filter-pill-btn:hover{color:#fff;background:#6366f133;border-color:#6366f199;transform:translateY(-1px)}.modern-results-wrapper{flex-direction:column;gap:20px;display:flex}.results-header-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;padding-bottom:12px;display:flex}.results-title-group{flex-direction:column;gap:4px;display:flex}.results-title-heading{color:#fff;letter-spacing:-.4px;font-size:22px;font-weight:800}.results-subtitle{color:#94a3b8;font-size:13px}.results-count-pill{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:700}.modern-music-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.modern-music-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#11182799;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.modern-music-card:hover{background:#1a233ab3;border-color:#6366f180;transform:translateY(-5px);box-shadow:0 14px 35px #00000080,0 0 20px #6366f133}.modern-music-card.card-active{background:#1e1b38d9;border-color:#ec4899;box-shadow:0 0 25px #ec489959}.card-thumb-container{aspect-ratio:16/9;background:#1e293b;width:100%;position:relative;overflow:hidden}.card-thumb-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.modern-music-card:hover .card-thumb-image{transform:scale(1.06)}.card-hover-overlay{opacity:0;background:#0a0f1d73;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.modern-music-card:hover .card-hover-overlay,.modern-music-card.card-active .card-hover-overlay{opacity:1}.hover-play-circle{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.85);box-shadow:0 4px 18px #0009}.modern-music-card:hover .hover-play-circle{transform:scale(1)}.card-eq-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1dcc;border-radius:6px;align-items:flex-end;gap:3px;height:18px;padding:4px 6px;display:flex;position:absolute;top:10px;right:10px}.eq-bar-mini{background:#ec4899;border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate miniEq}.eq-bar-mini.e1{height:5px;animation-delay:.1s}.eq-bar-mini.e2{height:14px;animation-delay:.35s}.eq-bar-mini.e3{height:8px;animation-delay:.2s}.card-details-box{flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.card-song-title{color:#f1f5f9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-song-artist{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.card-footer-action{justify-content:flex-end;align-items:center;margin-top:auto;padding-top:8px;display:flex}.card-play-tag{letter-spacing:.5px;color:#94a3b8;background:#ffffff14;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:800;transition:all .2s}.card-play-tag.playing{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#ec4899 100%);box-shadow:0 0 12px #ec489980}.modern-music-card:hover .card-play-tag:not(.playing){color:#fff;background:#6366f1}.skeleton-music-card{background:#11182780;border-radius:18px;animation:1.5s ease-in-out infinite pulseSkeleton;overflow:hidden}.skeleton-card-thumb{aspect-ratio:16/9;background:#ffffff0d;width:100%}.skeleton-card-lines{flex-direction:column;gap:8px;padding:14px;display:flex}.skeleton-card-line{background:#ffffff0f;border-radius:4px;height:12px}.skeleton-card-line.title{width:85%}.skeleton-card-line.artist{width:50%}.modern-state-box{text-align:center;background:#11182766;border:1px dashed #ffffff1a;border-radius:20px;padding:60px 20px}.state-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.state-icon-circle.empty{color:#818cf8;background:#6366f11f}.state-icon-circle.error{color:#ef4444;background:#ef44441f}.state-heading{color:#fff;margin-bottom:6px;font-size:20px;font-weight:700}.state-text{color:#94a3b8;max-width:400px;margin:0 auto;font-size:14px}@media (width<=768px){.audio-player-body{text-align:center;flex-direction:column;align-items:center;gap:18px}.player-art-col{justify-content:center;width:100%;display:flex}.player-thumb-frame{width:200px}.player-interactive-col{width:100%}.player-controls-cluster{flex-direction:column;align-items:stretch;gap:16px}.transport-buttons-group{justify-content:center}.player-volume-cluster{justify-content:center;width:100%}.modern-music-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width<=480px){.brand-logo-img{width:38px;height:38px}.brand-title{font-size:19px}.brand-subtitle-by{font-size:12px}.modern-music-grid{grid-template-columns:1fr;gap:12px}.modern-search-bar{padding:6px 6px 6px 14px}.search-action-btn{padding:10px 16px;font-size:13px}}