@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;700;800&display=swap";html,body,#root{box-sizing:border-box;background-color:#060913;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;overflow:hidden}:root{--bg-base:#050505;--bg-highlight:#121215;--bg-press:#000;--bg-elevated:#18181b;--bg-surface:#09090b;--bg-surface-hover:#1c1c20;--sonora-accent:#8b5cf6;--sonora-accent-hover:#a78bfa;--sonora-accent-press:#7c3aed;--sonora-cyan:#06b6d4;--sonora-emerald:#10b981;--text-base:#f4f4f5;--text-subdued:#a1a1aa;--text-muted:#71717a;--border-subtle:#ffffff12;--border-element:#ffffff1f;--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--sidebar-width:280px;--detail-panel-width:320px;--player-height:90px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{box-sizing:border-box;width:100vw;max-width:100vw;height:100vh;max-height:100vh;font-family:var(--font-family);color:var(--text-base);-webkit-font-smoothing:antialiased;background-color:#050505;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.app-container{grid-template-rows:1fr var(--player-height);background-color:#050505;gap:0;width:100vw;height:100vh;padding:0;display:grid;overflow:hidden}.app-main-layout{height:calc(100vh - var(--player-height));gap:0;width:100vw;display:flex;overflow:hidden}.view-animated{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-animated{animation:.3s cubic-bezier(.16,1,.3,1) forwards modalScaleIn}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#ffffff26;border-radius:3px;height:5px;transition:background .2s}input[type=range]:hover::-webkit-slider-runnable-track{background:#8b5cf666}input[type=range]::-webkit-slider-thumb{appearance:none;opacity:.85;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:50%;width:14px;height:14px;margin-top:-4.5px;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 0 8px #8b5cf699}input[type=range]:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.15);box-shadow:0 0 12px #8b5cf6cc}input[type=range]:active::-webkit-slider-thumb{opacity:1;transform:scale(1.3);box-shadow:0 0 16px #06b6d4}.equalizer-bars{align-items:flex-end;gap:2px;width:14px;height:14px;display:flex}.equalizer-bar{background-color:var(--sonora-accent);border-radius:1px;width:3px;animation:1.2s ease-in-out infinite alternate bounce}.equalizer-bar:first-child{height:60%;animation-delay:.1s}.equalizer-bar:nth-child(2){height:100%;animation-delay:.3s}.equalizer-bar:nth-child(3){height:40%;animation-delay:.2s}@keyframes bounce{0%{height:20%}to{height:100%}}.drag-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px dashed var(--sonora-accent);color:#fff;pointer-events:none;background:#8b5cf633;flex-direction:column;justify-content:center;align-items:center;animation:1.5s infinite alternate pulse-border;display:flex;position:absolute;inset:0}@keyframes pulse-border{0%{border-color:var(--sonora-accent)}to{border-color:var(--sonora-cyan)}}.btn-accent-play{background:linear-gradient(135deg, var(--sonora-accent), #7c3aed);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s;display:flex;position:relative;box-shadow:0 8px 20px #8b5cf666}.btn-accent-play:hover{transform:scale(1.08);box-shadow:0 12px 28px #8b5cf6b3,0 0 16px #06b6d480}.btn-accent-play:active{transform:scale(.94)}.card-hover-animated{transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s,box-shadow .25s,border-color .25s}.card-hover-animated:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 24px -10px #0009,0 0 20px #8b5cf626;border-color:#8b5cf666!important}@media (width<=768px){:root{--sidebar-width:0px;--detail-panel-width:0px}.app-main-layout>div:first-child{display:none!important}.mobile-nav-bar{display:flex!important}.view-animated{padding-bottom:120px!important}}