.demo-ocean-explorer{--th-color-bg:var(--bg);--th-color-surface:var(--surface);--th-color-surface-2:var(--surface-2);--th-color-fg:var(--fg);--th-color-muted:var(--muted);--th-color-border:var(--border);--th-color-accent:var(--accent);--th-color-accent-fg:var(--accent-fg);--th-font-sans:var(--font-body), ui-sans-serif, system-ui, sans-serif;--th-font-display:var(--font-heading), var(--font-body), ui-sans-serif, sans-serif;--bg:#04111d;--surface:#0a2234;--surface-2:#113a52;--fg:#eaf6fb;--muted:#9fc0d1;--border:#bee6ff24;--accent:#35e0d2;--accent-fg:#04111d;min-height:100svh}.js .demo-ocean-explorer [data-beat]:not([data-in="0"]){opacity:0}.demo-ocean-explorer [data-beat][data-hidden],.demo-ocean-explorer [data-beat][data-hidden] *{pointer-events:none!important}.demo-ocean-explorer{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-x:hidden}.demo-ocean-explorer :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.demo-ocean-explorer .text-shadow-sea{text-shadow:0 2px 18px #021424d9,0 1px 2px #021424e6}@media (prefers-reduced-motion:reduce){.demo-ocean-explorer *,.demo-ocean-explorer :before,.demo-ocean-explorer :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}