.bottom-nav{z-index:1000;background:#0a0a0fd9;border-bottom:none;border-radius:20px 20px 0 0;justify-content:space-around;align-items:center;max-width:500px;height:70px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-secondary);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;font-weight:500;transition:all .3s;display:flex}.nav-item svg{width:24px;height:24px;margin-bottom:5px}.nav-item:hover,.nav-item.active{color:var(--neon-cyan)}.play-nav-item{color:var(--text-primary);position:relative;top:-15px}.play-btn-circle{background:linear-gradient(135deg, var(--neon-purple), var(--neon-magenta));border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:5px;display:flex;box-shadow:0 4px 15px #f0f6}.play-btn-circle svg{margin-bottom:0}.sidebar-overlay{z-index:1001;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-drawer{z-index:1002;background:#0f0f14f2;border-left:none;border-radius:0 20px 20px 0;width:280px;padding:30px 20px;transition:left .3s;position:fixed;top:0;bottom:0;left:-300px}.sidebar-drawer.open{left:0}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.sidebar-header h2{color:var(--neon-cyan);font-size:1.5rem}.close-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:2rem}.sidebar-links{flex-direction:column;gap:20px;display:flex}.sidebar-link{padding:10px 0;font-size:1.1rem;font-weight:500;transition:color .3s}.sidebar-link:hover{color:var(--neon-cyan)}.sidebar-divider{background:var(--panel-border);height:1px;margin:10px 0}.text-danger{color:#ff4757}.text-danger:hover{color:#ff6b81}