@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-base:#0a0a0f;--bg-surface:#111118;--bg-elevated:#1a1a24;--bg-overlay:#22223a;--accent-primary:#6c63ff;--accent-secondary:#ff6584;--accent-tertiary:#43e97b;--accent-glow:#6c63ff4d;--text-primary:#f0eff8;--text-secondary:#8887a8;--text-muted:#4a4968;--border:#ffffff0f;--border-active:#6c63ff66;--player-h:82px;--mobile-player-h:68px;--sidebar-w:240px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100dvh;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:14px;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.mono{font-family:DM Mono,monospace}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 30px var(--accent-glow), 0 0 60px #6c63ff26}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes barBounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.app-layout{flex:1;height:100%;display:flex;position:relative;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}@media (width>=768px){.sidebar-wrap{width:var(--sidebar-w)!important;z-index:auto!important;flex-shrink:0!important;height:100%!important;position:relative!important;transform:none!important}.app-main{margin-left:0!important;padding-bottom:0!important}.right-player-panel{background:var(--bg-surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100%;position:relative;overflow:hidden;display:flex!important}.mobile-overlay,.mobile-bar,.mobile-add-bar,.mobile-player-bar,.sidebar-close{display:none!important}}@media (width<=767px){:root{--sidebar-w:260px}.sidebar-wrap{overscroll-behavior:contain;width:var(--sidebar-w)!important;z-index:50!important;height:100dvh!important;transition:transform .25s!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important}.sidebar-wrap.sidebar-open{transform:translate(0)!important}.app-main{padding-bottom:calc(var(--mobile-player-h) + env(safe-area-inset-bottom,0px))!important;width:100%!important;margin-left:0!important}.right-player-panel{display:none!important}.mobile-bar,.mobile-add-bar{display:flex!important}.mobile-player-bar{z-index:40;position:fixed;bottom:0;left:0;right:0;display:block!important}.sidebar-close{display:flex!important}}@media (hover:hover){button:hover{opacity:.82}}