.ocean-art{z-index:0;pointer-events:none;border-radius:inherit;isolation:isolate;background-color:#082842;background-image:radial-gradient(at 20% 18%,#33b5ca,#0000 58%),radial-gradient(at 80% 25%,#0875b3,#0000 58%),radial-gradient(at 38% 86%,#0e947f,#0000 62%),linear-gradient(135deg,#0b4978,#061d38);position:absolute;inset:0;overflow:hidden}.ocean-art-frozen{border-radius:inherit;background-position:50%;background-size:cover;position:absolute;inset:0}.ocean-art[data-mode=hover] .ocean-art-frozen{opacity:0;transition:opacity .42s cubic-bezier(.22,.72,.2,1)}.ocean-art[data-mode=hover][data-snapshot=true] .ocean-art-frozen{opacity:1}.ocean-art[data-mode=live]{animation:.56s cubic-bezier(.22,.72,.2,1) both ocean-art-appear}@keyframes ocean-art-appear{0%{opacity:0}to{opacity:1}}.ocean-art[data-palette="1"]{background-image:radial-gradient(at 74% 18%,#5aafe3,#0000 60%),radial-gradient(at 16% 52%,#0065ab,#0000 56%),radial-gradient(at 78% 82%,#40b9ca,#0000 58%),linear-gradient(135deg,#0a3770,#071e40)}.ocean-art[data-palette="2"]{background-image:radial-gradient(at 16% 26%,#2dbbac,#0000 58%),radial-gradient(at 84% 35%,#1785b9,#0000 60%),radial-gradient(at 40% 88%,#6cc7a2,#0000 56%),linear-gradient(135deg,#0a697c,#09284b)}:root:not(.dark) .ocean-art{background-color:#9ad5ee;background-image:radial-gradient(at 22% 16%,#a9ebee,#0000 60%),radial-gradient(at 80% 27%,#6cb8ea,#0000 58%),radial-gradient(at 40% 88%,#8fdfd5,#0000 62%),linear-gradient(135deg,#6bb8e5,#d5effa)}:root:not(.dark) .ocean-art[data-palette="1"]{background-image:radial-gradient(at 74% 18%,#c4e5fb,#0000 60%),radial-gradient(at 16% 52%,#65b4e5,#0000 56%),radial-gradient(at 78% 82%,#8ed9e8,#0000 58%),linear-gradient(135deg,#80bde9,#c9e7f7)}:root:not(.dark) .ocean-art[data-palette="2"]{background-image:radial-gradient(at 16% 26%,#9ee7ce,#0000 58%),radial-gradient(at 84% 35%,#8dccea,#0000 60%),radial-gradient(at 40% 88%,#b4e7e0,#0000 56%),linear-gradient(135deg,#7bcbd8,#d2eaf9)}.ocean-art[data-mode=prepared],:root:not(.dark) .ocean-art[data-mode=prepared]{background-image:radial-gradient(at 18% 20%,#238ca2,#0000 57%),radial-gradient(at 82% 75%,#1769a8,#0000 62%),linear-gradient(115deg,#103c61,#07506d 55%,#103557)}.ocean-art[data-mode=prepared]:before{z-index:0;content:"";background-image:radial-gradient(at 30% 36%,#41cbbeb8,#0000 35%),radial-gradient(at 72% 62%,#1e71cebf,#0000 39%);animation:9s ease-in-out infinite alternate paused ocean-art-drift;position:absolute;inset:-30%}[data-ocean-hover]:is(:hover,:focus-visible) .ocean-art[data-mode=prepared]:before{animation-play-state:running}@keyframes ocean-art-drift{to{transform:translate(10%,-8%)rotate(-7deg)}}.ocean-art>canvas{border-radius:inherit;opacity:0;transition:opacity .32s cubic-bezier(.22,.72,.2,1)}.ocean-art[data-mode=prepared]>canvas{z-index:1}.ocean-art[data-ready=true]>canvas{opacity:1}.app-art-card-image{box-shadow:inset 0 1px 0 #ffffff40, var(--sf-shd-micro);transition:box-shadow .32s cubic-bezier(.22,.72,.2,1)}.app-art-card:is(:hover,:focus-within) .app-art-card-image{box-shadow:inset 0 1px 0 #ffffff61, var(--sf-shd-elevated)}.app-art-card-logo{filter:drop-shadow(0 8px 18px #000d2347);transition:transform .38s cubic-bezier(.22,.72,.2,1);transform:translateY(0)}.app-art-card:is(:hover,:focus-within) .app-art-card-logo{transform:translateY(-3px)}.app-detail-art:after,.app-example-card:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(#04162a1f,#04162a59);position:absolute;inset:0}.app-example-prompt{box-shadow:inset 0 1px 0 #ffffff26, var(--sf-shd-micro);backdrop-filter:blur(16px)}@media (prefers-reduced-motion:reduce){.ocean-art,.ocean-art[data-mode=prepared]:before{animation:none}.ocean-art[data-mode=hover] .ocean-art-frozen,.ocean-art>canvas,.app-art-card-image,.app-art-card-logo{transition:none}}