.ocean-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none}.ocean-depth{position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,transparent 0,color-mix(in oklch,var(--color-sea,oklch(46% .09 220)) 8%,transparent) 60%,color-mix(in oklch,var(--color-sea,oklch(46% .09 220)) 14%,transparent) 100%);mix-blend-mode:multiply}.fish{position:absolute;will-change:transform;animation-name:swim-right;animation-timing-function:linear;animation-iteration-count:infinite;color:var(--color-navy,#243d63)}.fish--rtl{animation-name:swim-left}.fish--rtl>.fish__wiggle>*{transform:scaleX(-1);transform-origin:center}.fish__wiggle{animation:fin-wiggle 3.2s ease-in-out infinite;transform-origin:center}.fish__dart{transform:translate3d(var(--dart-x,0),var(--dart-y,0),0);transition:transform .28s cubic-bezier(.2,.7,.2,1);will-change:transform}@keyframes swim-right{0%{transform:translateX(-20vw)}to{transform:translateX(130vw)}}@keyframes swim-left{0%{transform:translateX(130vw)}to{transform:translateX(-20vw)}}@keyframes fin-wiggle{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-3px) rotate(.6deg)}}.bubble-column{position:relative;display:inline-flex;align-items:flex-end;gap:6px;height:22px;padding:0 4px}.bubble-column>span{display:block;width:6px;height:6px;border-radius:50%;background:color-mix(in oklch,var(--color-sea,oklch(46% .09 220)) 70%,var(--color-paper));opacity:0;animation:bubble-rise 1.8s ease-in infinite}.bubble-column>span:first-child{animation-delay:0s}.bubble-column>span:nth-child(2){animation-delay:.4s}.bubble-column>span:nth-child(3){animation-delay:.8s;width:4px;height:4px}@keyframes bubble-rise{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.7}60%{transform:translateY(-14px) scale(1);opacity:.55}to{transform:translateY(-22px) scale(1.05);opacity:0}}.ripple-host{position:relative;overflow:visible}.ripple-host .ripple{position:absolute;left:50%;top:50%;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border:1.25px solid var(--color-salmon,#f26a2a);border-radius:50%;pointer-events:none;animation:ripple-out .72s ease-out forwards}@keyframes ripple-out{0%{transform:scale(.5);opacity:.9}to{transform:scale(10);opacity:0}}@media (prefers-reduced-motion:reduce){.bubble-column>span,.fish,.fish__wiggle{animation:none!important}.fish__dart{transition:none!important}.ocean-depth{display:none}.ripple-host .ripple{animation-duration:1ms;opacity:0!important}}@media (max-width:640px){.ocean-layer .fish:nth-child(n+4){display:none}}.tide-line{position:relative;width:100%;height:28px;overflow:hidden;pointer-events:none;opacity:.9}.tide-line__svg{position:absolute;left:0;top:0;width:220%;height:100%;animation:tide-drift 26s linear infinite}@keyframes tide-drift{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.bubble-trail{position:fixed;width:10px;height:10px;border-radius:50%;border:1px solid color-mix(in oklch,var(--color-sea) 60%,transparent);background:color-mix(in oklch,var(--color-sea) 18%,transparent);pointer-events:none;z-index:40;animation:bubble-trail-float .9s ease-out forwards;transform-origin:center;will-change:transform,opacity}@keyframes bubble-trail-float{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}20%{opacity:.85}to{transform:translate(-50%,calc(-50% - 34px)) scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){.tide-line__svg{animation:none!important}.bubble-trail{display:none!important}}