html{--ocean-bg: #1d4e89;--ocean-bottom: #000510}body{background:linear-gradient(to bottom,var(--ocean-bg),var(--ocean-bottom));background-attachment:fixed;transition:background .3s linear;overflow-x:hidden}.particle{position:absolute;bottom:-10px;background-color:#fff9;border-radius:9999px;pointer-events:none;animation-name:rise;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0;will-change:transform}@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(-110vh);opacity:0}}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sun-rays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 50% -20%,rgba(255,255,255,.25),transparent 70%),repeating-linear-gradient(55deg,rgba(255,255,255,.12) 0 3px,transparent 3px 70px,rgba(255,255,255,.06) 70px 90px,transparent 90px 130px),repeating-linear-gradient(63deg,rgba(255,255,255,.08) 0 4px,transparent 4px 60px,rgba(255,255,255,.04) 60px 76px,transparent 76px 120px);mix-blend-mode:screen;animation:rays-shimmer 14s ease-in-out infinite alternate;opacity:.35;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}@keyframes rays-shimmer{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.fishing-anchor{position:relative;transform-origin:top center;animation:sway 4s ease-in-out infinite alternate}.fishing-anchor:before{content:"";position:absolute;top:calc(-100vh - 4rem);left:50%;transform:translate(-50%);width:2px;height:calc(100vh + 4rem + 10px);background-color:#fff9;pointer-events:none;z-index:-1}@media (min-width: 768px){.fishing-anchor:before{top:calc(-100vh - 6rem);height:calc(100vh + 6rem + 10px)}}.fishing-anchor:after{content:"";position:absolute;top:0;left:50%;width:24px;height:24px;border:2px solid rgba(255,255,255,.9);border-left-color:transparent;border-top-color:transparent;border-radius:0 0 50% 50%;transform:translate(-50%) rotate(45deg);background:transparent;pointer-events:none;z-index:20}@keyframes sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.chat-bubble{position:relative;max-width:80%}.chat-bubble.user:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #64FFDA}.chat-bubble.assistant:after{content:"";position:absolute;bottom:0;left:-6px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #4A5568}