#lz-hud-container { position: fixed; bottom: 0; left: 0; width: 100vw; height: 22px; background: rgba(1, 2, 3, 0.95); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-top: 1px solid rgba(0, 243, 255, 0.25); display: flex; justify-content: space-between; align-items: center; padding: 0 15px; font-family: 'JetBrains Mono', Courier, monospace; z-index: 99999; box-sizing: border-box; box-shadow: 0 -5px 15px rgba(0,0,0,0.8); }
.lz-hud-grp { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.lz-hud-item { display: flex; align-items: center; gap: 3px; }
.lz-lbl { color: #3a5c68; font-size: 7px; font-weight: 800; letter-spacing: 1.5px; }
.lz-val { color: #e0e0e0; font-size: 9px; font-weight: 600; }
.lz-cyan { color: #00f3ff; text-shadow: 0 0 5px rgba(0,243,255,0.4); }
.lz-green { color: #00ff66; text-shadow: 0 0 5px rgba(0,255,102,0.4); }
.lz-pulse { width: 4px; height: 4px; background: #00ff66; border-radius: 50%; box-shadow: 0 0 6px #00ff66; animation: lz-blink 2s infinite; }
@keyframes lz-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.lz-sep { color: #1a3c48; font-size: 8px; user-select: none; margin: 0 2px; }
#lz-audio-dock { position: fixed; bottom: 105px; right: 28px; width: 48px; height: 48px; z-index: 10000; }
#lazarus-music-btn { position: absolute; bottom: 0; right: 24px; width: 48px; height: 48px; transform: translateY(-7px); background: rgba(255,255,255,0.02); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.06); border-radius: 50% 15% 50% 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: box-shadow 0.3s ease, border-color 0.3s ease; z-index: 10002; }
@property --lz-laser-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
#lazarus-music-btn.playing { border-color: transparent !important; box-shadow: 0 0 15px rgba(0,243,255,0.15) !important; }
#lazarus-music-btn.playing::after { content: ''; position: absolute; inset: -1px; border-radius: 50% 15% 50% 50%; padding: 1px; background: conic-gradient(from var(--lz-laser-angle), transparent 40%, #00f3ff 95%, transparent 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: lz-orbital-laser 3.5s linear infinite; pointer-events: none; z-index: 10005; }
@keyframes lz-orbital-laser { 100% { --lz-laser-angle: 360deg; } }
.lz-track-btn { position: absolute; top: 7px; width: 34px; height: 34px; background: rgba(1,2,3,0.9); border: 1px solid rgba(0,243,255,0.3); border-radius: 50%; cursor: pointer; padding: 0; margin: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.5); opacity: 0; pointer-events: none; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 10001; }
#lz-next-btn { right: 60px; transform: translateX(15px) scale(0.85); }
#lz-prev-btn { right: 106px; transform: translateX(15px) scale(0.85); }
#lz-audio-dock.show-tracks #lz-next-btn, #lz-audio-dock.show-tracks #lz-prev-btn { opacity: 1; transform: translateX(0) scale(1); pointer-events: auto; }
.lz-track-btn:hover { border-color: #00f3ff; box-shadow: 0 0 10px rgba(0,243,255,0.5); }
#lz-prev-btn::before { content: ''; position: absolute; top: 11px; left: 14px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #00f3ff; }
#lz-prev-btn::after { content: ''; position: absolute; top: 11px; left: 10px; width: 2px; height: 10px; background: #00f3ff; }
#lz-next-btn::before { content: ''; position: absolute; top: 11px; left: 13px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #00f3ff; }
#lz-next-btn::after { content: ''; position: absolute; top: 11px; left: 21px; width: 2px; height: 10px; background: #00f3ff; }