:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:0;overflow:hidden}.ocean{position:relative;width:100vw;height:100vh;background:linear-gradient(180deg,#0c2340,#0a3d62 40%,#1e5f8a,#2980b9);overflow:hidden}.fish{position:absolute;animation:swim linear infinite;will-change:transform}@keyframes swim{0%{left:-150px}to{left:calc(100vw + 150px)}}.fish svg{animation:wobble 1.2s ease-in-out infinite alternate}@keyframes wobble{0%{transform:translateY(-4px) rotate(-2deg)}to{transform:translateY(4px) rotate(2deg)}}.bubble{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff59,#ffffff14);border:1px solid rgba(255,255,255,.15);animation:rise linear infinite;will-change:transform}@keyframes rise{0%{bottom:-20px;opacity:0}10%{opacity:1}90%{opacity:1}to{bottom:110vh;opacity:0}}.ocean:before{content:"";position:absolute;top:-20%;left:20%;width:60%;height:120%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 60%);transform:skew(-15deg);pointer-events:none}.ocean:after{content:"";position:absolute;top:-20%;left:50%;width:30%;height:120%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 50%);transform:skew(10deg);pointer-events:none}