#prev-btn,#next-btn,#controls button:not(#play-btn),#right-controls button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--glass-bg-2);color:var(--color-text-muted);font-size:1.1rem;line-height:1;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}#alerts-btn svg{position:relative;top:-3px}#prev-btn:hover,#next-btn:hover,#controls button:not(#play-btn):hover,#right-controls button:hover{background:var(--color-accent-dim);border-color:#39d0d84d;color:var(--color-accent);--carrier-scale: 1.06;transform:scale(var(--carrier-scale))}#prev-btn:active,#next-btn:active,#controls button:not(#play-btn):active,#right-controls button:active{--carrier-scale: .96;transform:scale(var(--carrier-scale));background:var(--color-accent-dim)}#controls button.active,#right-controls button.active{background:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 12%,transparent);border-color:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 35%,transparent);color:var(--btn-active-color, var(--color-accent));box-shadow:inset 0 2px 4px #00000059;--carrier-scale: .97;transform:scale(var(--carrier-scale))}#controls button.active:hover,#right-controls button.active:hover{background:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 22%,transparent);border-color:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 55%,transparent);box-shadow:inset 0 2px 4px #00000059,0 0 10px color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 18%,transparent);transform:none}#controls-overflow button.active{background:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 20%,var(--glass-bg-solid));border-color:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 50%,transparent);color:var(--btn-active-color, var(--color-accent));box-shadow:inset 0 2px 4px #00000059;transform:scale(.97)}#controls-overflow button.active:hover{background:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 30%,var(--glass-bg-solid));border-color:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 70%,transparent);box-shadow:inset 0 2px 4px #00000059,0 0 10px color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 25%,transparent);transform:none}#controls button[data-pulse=true].active,#right-controls button[data-pulse=true].active,#controls-overflow button[data-pulse=true].active{animation:pulse-feature-btn var(--pulse-duration) ease-in-out infinite}@media (prefers-reduced-motion: reduce){#controls button[data-pulse=true].active,#right-controls button[data-pulse=true].active,#controls-overflow button[data-pulse=true].active{animation-duration:var(--pulse-duration)!important}}#controls button[data-pulse=true].active:hover,#right-controls button[data-pulse=true].active:hover,#controls-overflow button[data-pulse=true].active:hover{animation:none}#controls button[data-nodata=true].active,#right-controls button[data-nodata=true].active,#controls-overflow button[data-nodata=true].active{opacity:.55;animation:none}@keyframes pulse-feature-btn{0%,to{background:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 6%,var(--btn-pulse-base, transparent));border-color:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 20%,transparent);box-shadow:inset 0 2px 4px #00000059}50%{background:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 20%,var(--btn-pulse-base, transparent));border-color:color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 50%,transparent);box-shadow:inset 0 2px 4px #00000059,0 0 8px color-mix(in srgb,var(--btn-active-color, var(--color-accent)) 20%,transparent)}}