.lighthouse-scene { position: absolute; z-index: -2; inset: 0; overflow: hidden; pointer-events: none; }
.lighthouse-beams { display: block; width: 100%; height: 100%; }
.lighthouse-toggle { position: fixed; z-index: 20; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 9px 15px; border: 1px solid #f6e7c872; border-radius: 99px; background: #0a1a28d9; color: #f7ebd7; font: inherit; font-size: 12px; letter-spacing: .08em; cursor: pointer; backdrop-filter: blur(8px); }
.lighthouse-toggle[hidden] { display: none; }
.lighthouse-toggle:hover { background: #142b40; }
.lighthouse-toggle:focus-visible { outline: 2px solid #f7ebd7; outline-offset: 4px; }
.lighthouse-toggle-icon { min-width: 12px; font-size: 14px; text-align: center; }
@media (max-width: 767px) {
  .lighthouse-toggle { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); padding: 9px 12px; font-size: 11px; }
}