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