@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0813;--bg-secondary:#120e24;--bg-tertiary:#191433;--accent-cyan:#00f2fe;--accent-pink:#ff007f;--accent-purple:#7f00ff;--accent-blue:#4facfe;--text-primary:#fff;--text-secondary:#9ea0c4;--text-muted:#626488;--glass-bg:#14102bb3;--glass-bg-hover:#1e183dd9;--glass-border:#ffffff0f;--glass-border-hover:#ffffff1f;--glass-shadow:#0006;--sidebar-width:260px;--player-height:96px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);background-image:radial-gradient(at 0 0,#7f00ff26 0,#0000 50%),radial-gradient(at 100% 0,#00f2fe1a 0,#0000 50%),radial-gradient(at 50% 100%,#ff007f14 0,#0000 50%);overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}.text-glow-blue{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-glow-purple{background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-bg-purple{background:linear-gradient(135deg, var(--accent-purple), var(--accent-pink))}.gradient-bg-blue{background:linear-gradient(135deg, var(--accent-blue), var(--accent-cyan))}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:20s linear infinite spin-slow}.animate-spin-paused{animation-play-state:paused}@keyframes pulse-soft{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.animate-pulse-soft{animation:3s ease-in-out infinite pulse-soft}button{cursor:pointer;color:inherit;background:0 0;border:none;transition:all .2s}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{border:1px solid var(--glass-border);color:var(--text-primary);background:#0000004d;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #4facfe33}.appContainer{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.mainContainer{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.headerContainer{z-index:50;pointer-events:none;justify-content:flex-end;align-items:center;height:64px;padding:0 40px;display:flex;position:absolute;top:0;left:0;right:0}.userWidget{border:1px solid var(--glass-border);pointer-events:auto;background:#14102bd9;border-radius:12px;align-items:center;gap:16px;padding:8px 16px;display:flex;box-shadow:0 4px 20px #0000004d}.userWidgetInfo{flex-direction:column;display:flex}@media (max-width:580px){.headerContainer{height:56px;padding:0 16px}.userWidget{gap:8px;padding:6px 12px}.userWidgetInfo{display:none!important}}