/* Real refractive lenses, separate from the interactive/text layer. */
#optical-backdrop { position: fixed; inset: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 0; }
html.optical-scene .ambient-bg { display: none; }
.optical-host { position: relative; isolation: isolate; }
#theme-toggle.optical-host { width: 44px; min-width: 44px; height: 44px; flex-shrink: 0; }
header a.optical-host { min-width: 44px; min-height: 44px; justify-content: center; }
liquid-glass.optical-lens { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; border-radius: inherit; }
html .optical-host:has(> [data-glass-strategy="webgl"]),
html[data-theme="dark"] .optical-host:has(> [data-glass-strategy="webgl"]) {
  background: transparent !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 8px 24px -12px rgba(0,0,0,.4) !important;
}
html #tab-nav-scroll:has(> [data-glass-strategy="webgl"]) .menu-warp { display: none; }
html #tab-nav-scroll:has(> [data-glass-strategy="webgl"])::before,
html #tab-nav-scroll:has(> [data-glass-strategy="webgl"])::after { display: none; }
html:not([data-theme="dark"]) header a.optical-host:has(> [data-glass-strategy="webgl"]) { color: #243b48 !important; text-shadow: none; }
html[data-theme="dark"] header a.optical-host:has(> [data-glass-strategy="webgl"]) { color: #f4faff !important; }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more), (prefers-reduced-motion: reduce) {
  #optical-backdrop, .optical-lens { display: none !important; }
}