*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-body), system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-top-1{top:-.25rem}.-top-4{top:-1rem}.-top-6{top:-1.5rem}.-top-\[10px\]{top:-10px}.-top-\[12px\]{top:-12px}.-top-\[8px\]{top:-8px}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-\[14px\]{bottom:14px}.bottom-\[24px\]{bottom:24px}.bottom-\[2px\]{bottom:2px}.bottom-\[64px\]{bottom:64px}.bottom-\[6px\]{bottom:6px}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.left-\[10\%\]{left:10%}.left-\[18\%\]{left:18%}.left-\[20\%\]{left:20%}.left-\[28\%\]{left:28%}.left-\[30\%\]{left:30%}.left-\[35\%\]{left:35%}.left-\[48\%\]{left:48%}.left-\[5\%\]{left:5%}.left-\[60\%\]{left:60%}.left-\[65\%\]{left:65%}.left-\[75\%\]{left:75%}.left-\[8\%\]{left:8%}.left-\[9px\]{left:9px}.right-0{right:0}.right-1\.5{right:.375rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-full{right:100%}.top-0{top:0}.top-1\.5{top:.375rem}.top-3{top:.75rem}.top-5{top:1.25rem}.top-\[14\%\]{top:14%}.top-\[20\%\]{top:20%}.top-\[5\%\]{top:5%}.top-\[7px\]{top:7px}.top-\[8\%\]{top:8%}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-0{margin:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[1\.5px\]{height:1.5px}.h-\[120px\]{height:120px}.h-\[140px\]{height:140px}.h-\[18px\]{height:18px}.h-\[18vh\]{height:18vh}.h-\[1px\]{height:1px}.h-\[2\.5px\]{height:2.5px}.h-\[200px\]{height:200px}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[26px\]{height:26px}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[36px\]{height:36px}.h-\[40px\]{height:40px}.h-\[42vh\]{height:42vh}.h-\[56px\]{height:56px}.h-\[60px\]{height:60px}.h-\[65vh\]{height:65vh}.h-\[6px\]{height:6px}.h-\[72px\]{height:72px}.h-\[80px\]{height:80px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[80\%\]{max-height:80%}.max-h-\[80vh\]{max-height:80vh}.max-h-\[92vh\]{max-height:92vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-11{width:2.75rem}.w-2\.5{width:.625rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[12px\]{width:12px}.w-\[140px\]{width:140px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[30\%\]{width:30%}.w-\[32\%\]{width:32%}.w-\[36\%\]{width:36%}.w-\[40\%\]{width:40%}.w-\[4px\]{width:4px}.w-\[58\%\]{width:58%}.w-\[5px\]{width:5px}.w-\[60px\]{width:60px}.w-\[6px\]{width:6px}.w-\[72\%\]{width:72%}.w-\[72px\]{width:72px}.w-\[80px\]{width:80px}.w-\[8px\]{width:8px}.w-\[90\%\]{width:90%}.w-\[92\%\]{width:92%}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-\[1200px\]{max-width:1200px}.max-w-\[240px\]{max-width:240px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-\[600px\]{max-width:600px}.max-w-\[650px\]{max-width:650px}.max-w-\[80\%\]{max-width:80%}.max-w-\[800px\]{max-width:800px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-12{--tw-translate-y:-3rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y:-.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-4{--tw-translate-y:-1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-8{--tw-translate-y:-2rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[20vh\]{--tw-translate-y:-20vh;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[42vh\]{--tw-translate-y:-42vh;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-6{--tw-translate-y:1.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.05\]{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[2\.2\]{--tw-scale-x:2.2;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[2\.5\]{--tw-scale-x:2.5;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[2\]{--tw-scale-x:2;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[3\]{--tw-scale-x:3;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[fadeIn_0\.3s_ease\]{animation:.3s fadeIn}.animate-\[shake_0\.4s_ease\]{animation:.4s shake}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[100\%\]{border-radius:100%}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-2,.border-\[2px\]{border-width:2px}.border-\[3px\]{border-width:3px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-accent-200{--tw-border-opacity:1;border-color:oklch(var(--accent-200) / var(--tw-border-opacity,1))}.border-accent-500{--tw-border-opacity:1;border-color:oklch(var(--accent-500) / var(--tw-border-opacity,1))}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-background-200{--tw-border-opacity:1;border-color:oklch(var(--background-200) / var(--tw-border-opacity,1))}.border-background-300{--tw-border-opacity:1;border-color:oklch(var(--background-300) / var(--tw-border-opacity,1))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-primary-200{--tw-border-opacity:1;border-color:oklch(var(--primary-200) / var(--tw-border-opacity,1))}.border-primary-300{--tw-border-opacity:1;border-color:oklch(var(--primary-300) / var(--tw-border-opacity,1))}.border-secondary-200{--tw-border-opacity:1;border-color:oklch(var(--secondary-200) / var(--tw-border-opacity,1))}.border-secondary-300{--tw-border-opacity:1;border-color:oklch(var(--secondary-300) / var(--tw-border-opacity,1))}.border-secondary-500{--tw-border-opacity:1;border-color:oklch(var(--secondary-500) / var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/50{border-color:#ffffff80}.bg-\[\#16a34a\]{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-\[\#3b82f6\]{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-\[\#92400e\]{--tw-bg-opacity:1;background-color:rgb(146 64 14/var(--tw-bg-opacity,1))}.bg-\[\#fbbf24\]{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-accent-100{--tw-bg-opacity:1;background-color:oklch(var(--accent-100) / var(--tw-bg-opacity,1))}.bg-accent-50{--tw-bg-opacity:1;background-color:oklch(var(--accent-50) / var(--tw-bg-opacity,1))}.bg-accent-500{--tw-bg-opacity:1;background-color:oklch(var(--accent-500) / var(--tw-bg-opacity,1))}.bg-accent-500\/15{background-color:oklch(var(--accent-500) / .15)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-background-100{--tw-bg-opacity:1;background-color:oklch(var(--background-100) / var(--tw-bg-opacity,1))}.bg-background-200{--tw-bg-opacity:1;background-color:oklch(var(--background-200) / var(--tw-bg-opacity,1))}.bg-background-200\/40{background-color:oklch(var(--background-200) / .4)}.bg-background-200\/70{background-color:oklch(var(--background-200) / .7)}.bg-background-50{--tw-bg-opacity:1;background-color:oklch(var(--background-50) / var(--tw-bg-opacity,1))}.bg-background-50\/15{background-color:oklch(var(--background-50) / .15)}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-cyan-200\/25{background-color:#a5f3fc40}.bg-cyan-300\/20{background-color:#67e8f933}.bg-cyan-300\/30{background-color:#67e8f94d}.bg-cyan-400\/15{background-color:#22d3ee26}.bg-cyan-400\/20{background-color:#22d3ee33}.bg-cyan-400\/30{background-color:#22d3ee4d}.bg-cyan-400\/40{background-color:#22d3ee66}.bg-cyan-400\/60{background-color:#22d3ee99}.bg-foreground-950{--tw-bg-opacity:1;background-color:oklch(var(--foreground-950) / var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-primary-100{--tw-bg-opacity:1;background-color:oklch(var(--primary-100) / var(--tw-bg-opacity,1))}.bg-primary-50{--tw-bg-opacity:1;background-color:oklch(var(--primary-50) / var(--tw-bg-opacity,1))}.bg-primary-500{--tw-bg-opacity:1;background-color:oklch(var(--primary-500) / var(--tw-bg-opacity,1))}.bg-primary-800\/95{background-color:oklch(var(--primary-800) / .95)}.bg-primary-950{--tw-bg-opacity:1;background-color:oklch(var(--primary-950) / var(--tw-bg-opacity,1))}.bg-secondary-100{--tw-bg-opacity:1;background-color:oklch(var(--secondary-100) / var(--tw-bg-opacity,1))}.bg-secondary-300\/30{background-color:oklch(var(--secondary-300) / .3)}.bg-secondary-50{--tw-bg-opacity:1;background-color:oklch(var(--secondary-50) / var(--tw-bg-opacity,1))}.bg-secondary-500{--tw-bg-opacity:1;background-color:oklch(var(--secondary-500) / var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/50{background-color:#ffffff80}.bg-white\/90{background-color:#ffffffe6}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-black\/40{--tw-gradient-from:#0006 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-800{--tw-gradient-from:oklch(var(--primary-800) / 1) var(--tw-gradient-from-position);--tw-gradient-to:oklch(var(--primary-800) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-950\/60{--tw-gradient-from:oklch(var(--primary-950) / .6) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #0003 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-black\/50{--tw-gradient-to:#00000080 var(--tw-gradient-to-position)}.to-primary-600{--tw-gradient-to:oklch(var(--primary-600) / 1) var(--tw-gradient-to-position)}.to-primary-950\/80{--tw-gradient-to:oklch(var(--primary-950) / .8) var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-heading{font-family:var(--font-heading), system-ui, sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-\[1\.4rem\]{font-size:1.4rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#5d4037\]{--tw-text-opacity:1;color:rgb(93 64 55/var(--tw-text-opacity,1))}.text-accent-300{--tw-text-opacity:1;color:oklch(var(--accent-300) / var(--tw-text-opacity,1))}.text-accent-400{--tw-text-opacity:1;color:oklch(var(--accent-400) / var(--tw-text-opacity,1))}.text-accent-500{--tw-text-opacity:1;color:oklch(var(--accent-500) / var(--tw-text-opacity,1))}.text-accent-600{--tw-text-opacity:1;color:oklch(var(--accent-600) / var(--tw-text-opacity,1))}.text-accent-700{--tw-text-opacity:1;color:oklch(var(--accent-700) / var(--tw-text-opacity,1))}.text-accent-800{--tw-text-opacity:1;color:oklch(var(--accent-800) / var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-background-100\/40{color:oklch(var(--background-100) / .4)}.text-background-100\/60{color:oklch(var(--background-100) / .6)}.text-background-100\/70{color:oklch(var(--background-100) / .7)}.text-cyan-200\/80{color:#a5f3fccc}.text-cyan-300\/40{color:#67e8f966}.text-cyan-300\/80{color:#67e8f9cc}.text-cyan-50{--tw-text-opacity:1;color:rgb(236 254 255/var(--tw-text-opacity,1))}.text-foreground-400{--tw-text-opacity:1;color:oklch(var(--foreground-400) / var(--tw-text-opacity,1))}.text-foreground-500{--tw-text-opacity:1;color:oklch(var(--foreground-500) / var(--tw-text-opacity,1))}.text-foreground-600{--tw-text-opacity:1;color:oklch(var(--foreground-600) / var(--tw-text-opacity,1))}.text-foreground-700{--tw-text-opacity:1;color:oklch(var(--foreground-700) / var(--tw-text-opacity,1))}.text-foreground-800{--tw-text-opacity:1;color:oklch(var(--foreground-800) / var(--tw-text-opacity,1))}.text-foreground-900{--tw-text-opacity:1;color:oklch(var(--foreground-900) / var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-primary-200{--tw-text-opacity:1;color:oklch(var(--primary-200) / var(--tw-text-opacity,1))}.text-primary-400{--tw-text-opacity:1;color:oklch(var(--primary-400) / var(--tw-text-opacity,1))}.text-primary-500{--tw-text-opacity:1;color:oklch(var(--primary-500) / var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:oklch(var(--primary-600) / var(--tw-text-opacity,1))}.text-primary-700{--tw-text-opacity:1;color:oklch(var(--primary-700) / var(--tw-text-opacity,1))}.text-secondary-300{--tw-text-opacity:1;color:oklch(var(--secondary-300) / var(--tw-text-opacity,1))}.text-secondary-400{--tw-text-opacity:1;color:oklch(var(--secondary-400) / var(--tw-text-opacity,1))}.text-secondary-500{--tw-text-opacity:1;color:oklch(var(--secondary-500) / var(--tw-text-opacity,1))}.text-secondary-600{--tw-text-opacity:1;color:oklch(var(--secondary-600) / var(--tw-text-opacity,1))}.text-secondary-700{--tw-text-opacity:1;color:oklch(var(--secondary-700) / var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/45{color:#ffffff73}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:0 1px 4px #00000026;--tw-shadow-colored:0 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-accent-400\/20{--tw-ring-color:oklch(var(--accent-400) / .2)}.ring-accent-400\/40{--tw-ring-color:oklch(var(--accent-400) / .4)}.ring-primary-400\/40{--tw-ring-color:oklch(var(--primary-400) / .4)}.ring-secondary-400\/40{--tw-ring-color:oklch(var(--secondary-400) / .4)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur:blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-lg{--tw-blur:blur(16px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur:blur(12px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur:blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur:blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-110{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_40px_rgba\(34\,211\,238\,0\.4\)\]{--tw-drop-shadow:drop-shadow(0 0 40px #22d3ee66);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-\[300ms\]{transition-delay:.3s}.delay-\[400ms\]{transition-delay:.4s}.delay-\[500ms\]{transition-delay:.5s}.duration-0{transition-duration:0s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.duration-\[1500ms\]{transition-duration:1.5s}.duration-\[400ms\]{transition-duration:.4s}.duration-\[500ms\]{transition-duration:.5s}.duration-\[600ms\]{transition-duration:.6s}.duration-\[700ms\]{transition-duration:.7s}.duration-\[800ms\]{transition-duration:.8s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--background-50:.985 .005 250;--background-100:.96 .012 248;--background-200:.92 .02 246;--background-300:.88 .025 244;--background-400:.82 .03 240;--background-500:.72 .04 236;--background-600:.62 .05 232;--background-700:.5 .06 228;--background-800:.38 .07 224;--background-900:.26 .08 220;--background-950:.16 .06 218;--primary-50:.97 .025 244;--primary-100:.93 .05 246;--primary-200:.88 .08 248;--primary-300:.8 .12 250;--primary-400:.7 .16 252;--primary-500:.58 .2 250;--primary-600:.48 .18 248;--primary-700:.38 .15 246;--primary-800:.28 .12 244;--primary-900:.2 .09 242;--primary-950:.12 .06 240;--accent-50:.98 .04 95;--accent-100:.96 .08 92;--accent-200:.93 .14 88;--accent-300:.89 .18 85;--accent-400:.86 .2 82;--accent-500:.83 .22 78;--accent-600:.72 .2 75;--accent-700:.6 .18 72;--accent-800:.48 .15 68;--accent-900:.36 .12 64;--accent-950:.24 .1 60;--secondary-50:.97 .03 175;--secondary-100:.93 .06 170;--secondary-200:.88 .1 165;--secondary-300:.8 .14 160;--secondary-400:.72 .18 155;--secondary-500:.64 .22 150;--secondary-600:.54 .2 148;--secondary-700:.44 .17 145;--secondary-800:.34 .14 142;--secondary-900:.24 .1 140;--secondary-950:.15 .07 138;--foreground-50:.97 .005 250;--foreground-100:.92 .01 248;--foreground-200:.85 .02 246;--foreground-300:.72 .03 244;--foreground-400:.6 .04 242;--foreground-500:.48 .05 240;--foreground-600:.38 .05 238;--foreground-700:.3 .06 236;--foreground-800:.22 .06 234;--foreground-900:.15 .05 232;--foreground-950:.1 .04 230;--font-heading:"Mochiy Pop One", sans-serif;--font-body:"Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-label:"Noto Sans TC", "Microsoft JhengHei", sans-serif}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}.anti-spam-field{opacity:0;pointer-events:none;width:0;height:0;position:absolute;left:-9999px;overflow:hidden}@keyframes fishHorizontal{0%{left:-100px;transform:translateY(0)}15%{transform:translateY(-7px)}35%{transform:translateY(3px)}55%{transform:translateY(-5px)}75%{transform:translateY(5px)}to{left:calc(100% + 100px);transform:translateY(0)}}.animate-fish-horizontal{animation-name:fishHorizontal;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes seaweedSway{0%,to{transform:rotate(-2deg)scaleY(1)}25%{transform:rotate(2deg)scaleY(1.02)}50%{transform:rotate(-1.5deg)scaleY(.98)}75%{transform:rotate(3deg)scaleY(1.01)}}.animate-seaweed-sway{animation-name:seaweedSway;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes bubbleRise{0%{opacity:0;bottom:-10px;transform:translate(0)scale(.7)}10%{opacity:.7}30%{transform:translate(4px)scale(1)}60%{opacity:.5;transform:translate(-3px)scale(1)}85%{opacity:.2}to{opacity:0;bottom:105%;transform:translate(2px)scale(.4)}}.animate-bubble-rise{animation-name:bubbleRise;animation-timing-function:ease-in;animation-iteration-count:infinite;bottom:-10px}@keyframes lightSparkle{0%,to{opacity:.5}50%{opacity:1}}.animate-light-sparkle{animation-name:lightSparkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes coralPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.animate-coral-pop{animation-name:coralPop;animation-duration:.6s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes specialVisitorAnim{0%{opacity:0;transform:translate(-50%)scale(.2)}8%{opacity:1;transform:translate(-50%)scale(1.15)}15%{transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(30%,-5%)scale(1)}}.animate-special-visitor{animation-name:specialVisitorAnim;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes specialFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-special-float{animation-name:specialFloat;animation-duration:2.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes specialGentleFloat{0%{left:-100px;transform:translateY(0)}20%{transform:translateY(-12px)}40%{transform:translateY(4px)}60%{transform:translateY(-8px)}80%{transform:translateY(6px)}to{left:calc(100% + 100px);transform:translateY(0)}}.animate-special-gentle-float{animation-name:specialGentleFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes speciesModalIn{0%{opacity:0;transform:scale(.85)translateY(20px)}60%{transform:scale(1.02)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-species-modal-in{animation-name:speciesModalIn;animation-duration:.4s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes causticDrift{0%{opacity:.15;transform:translate(-20%)translateY(0)scale(1)}33%{opacity:.25;transform:translate(10%)translateY(-10px)scale(1.15)}66%{opacity:.18;transform:translate(30%)translateY(5px)scale(.9)}to{opacity:.15;transform:translate(60%)translateY(0)scale(1)}}.animate-caustic-drift{animation-name:causticDrift;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes waveFlow{0%{transform:translate(-5%)}50%{transform:translate(5%)}to{transform:translate(-5%)}}.animate-wave-flow{animation-name:waveFlow;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes waveFlowSlow{0%{transform:translate(-8%)}50%{transform:translate(8%)}to{transform:translate(-8%)}}.animate-wave-flow-slow{animation-name:waveFlowSlow;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes coralSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.animate-coral-sway{transform-origin:bottom;animation-name:coralSway;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes coralGlowPulse{0%,to{filter:drop-shadow(0 0 6px #22d3ee66)}50%{filter:drop-shadow(0 0 18px #22d3eecc)drop-shadow(0 0 30px #22d3ee4d)}}.animate-coral-glow{animation-name:coralGlowPulse;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes fishSwimRight{0%{left:-180px;transform:translateY(0)}20%{transform:translateY(-8px)}40%{transform:translateY(4px)}60%{transform:translateY(-6px)}80%{transform:translateY(3px)}to{left:calc(100% + 180px);transform:translateY(0)}}@keyframes fishSwimLeft{0%{left:calc(100% + 180px);transform:translateY(0)}20%{transform:translateY(-8px)}40%{transform:translateY(4px)}60%{transform:translateY(-6px)}80%{transform:translateY(3px)}to{left:-180px;transform:translateY(0)}}.animate-fish-swim-right{animation-name:fishSwimRight;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.animate-fish-swim-left{animation-name:fishSwimLeft;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes fishBodySway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.animate-fish-sway{transform-origin:50%;animation-name:fishBodySway;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes infinitySwim{0%{transform:translate(0)rotate(0)}25%{transform:translate(-40px,-30px)rotate(-15deg)}50%{transform:translateY(-50px)rotate(0)}75%{transform:translate(40px,-30px)rotate(15deg)}to{transform:translate(0)rotate(0)}}.animate-infinity-swim{animation-name:infinitySwim;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes lionfishGlow{0%,to{filter:drop-shadow(0 0 8px #ef444466)drop-shadow(0 0 16px #fbbf2433)}50%{filter:drop-shadow(0 0 16px #ef4444b3)drop-shadow(0 0 32px #fbbf2466)}}.animate-lionfish-glow{animation-name:lionfishGlow;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes lionfishBob{0%,to{transform:translateY(0)}25%{transform:translateY(-14px)}60%{transform:translateY(8px)}85%{transform:translateY(-4px)}}.animate-lionfish-bob{animation-name:lionfishBob;animation-duration:4.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes pufferInflate{0%{transform:scale(1)}30%{transform:scale(1.6)}70%{transform:scale(1.6)}to{transform:scale(1)}}.animate-puffer-inflate{animation-name:pufferInflate;animation-duration:1.5s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes turtleEllipse{0%{left:10%;transform:translateY(0)}25%{left:40%;transform:translateY(-40px)}50%{left:70%;transform:translateY(0)}75%{left:40%;transform:translateY(40px)}to{left:10%;transform:translateY(0)}}.animate-turtle-ellipse{animation-name:turtleEllipse;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes turtleHover{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}.animate-turtle-hover{animation-name:turtleHover;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes dolphinSwim{0%{left:-280px;transform:translateY(0)}30%{transform:translateY(-15px)}60%{transform:translateY(8px)}to{left:calc(100% + 280px);transform:translateY(0)}}.animate-dolphin-swim{animation-name:dolphinSwim;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes dolphinSwimLeft{0%{left:calc(100% + 280px);transform:translateY(0)}30%{transform:translateY(-15px)}60%{transform:translateY(8px)}to{left:-280px;transform:translateY(0)}}.animate-dolphin-swim-left{animation-name:dolphinSwimLeft;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes dolphinLeap{0%{opacity:1;transform:translateY(0)scale(1)}40%{opacity:1;transform:translateY(-120px)scale(1.1)rotate(-10deg)}60%{opacity:1;transform:translateY(-120px)scale(1.1)rotate(-10deg)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-dolphin-leap{animation-name:dolphinLeap;animation-duration:2s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:both}@keyframes waterRipple{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(3)}}.animate-water-ripple{animation-name:waterRipple;animation-duration:1.5s;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes speciesHoverGlow{0%,to{filter:drop-shadow(0 0 6px #fff3)}50%{filter:drop-shadow(0 0 14px #ffffff80)}}.animate-species-hover{animation-name:speciesHoverGlow;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes goldenGlow{0%,to{filter:drop-shadow(0 0 12px #fbbf2466)drop-shadow(0 0 24px #fbbf2426)}50%{filter:drop-shadow(0 0 20px #fbbf24b3)drop-shadow(0 0 40px #fbbf244d)}}.animate-golden-glow{animation-name:goldenGlow;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes sandShimmer{0%,to{opacity:.3}50%{opacity:.6}}.animate-sand-shimmer{animation-name:sandShimmer;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes infoCardSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}60%{transform:translateY(-4px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-info-card-in{animation-name:infoCardSlideIn;animation-duration:.5s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes diveBubbleRise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}15%{opacity:.7}40%{opacity:.5;transform:translateY(-40vh)translate(6px)scale(1.15)}70%{opacity:.2;transform:translateY(-70vh)translate(-4px)scale(.85)}to{opacity:0;transform:translateY(-105vh)translate(2px)scale(.5)}}.animate-dive-bubble-rise{animation-name:diveBubbleRise;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes diveBubbleFast{0%{opacity:0;transform:translateY(0)translate(0)scale(.8)}10%{opacity:.5}35%{opacity:.35;transform:translateY(-30vh)translate(8px)scale(1.1)}65%{opacity:.15;transform:translateY(-60vh)translate(-6px)scale(.7)}to{opacity:0;transform:translateY(-105vh)translate(4px)scale(.3)}}.animate-dive-bubble-fast{animation-name:diveBubbleFast;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes marineSnow{0%{opacity:0;transform:translateY(-10px)translate(0)}20%{opacity:.6}50%{opacity:.4;transform:translateY(30vh)translate(8px)}80%{opacity:.15}to{opacity:0;transform:translateY(60vh)translate(-4px)}}.animate-marine-snow{animation-name:marineSnow;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes diveTextPulse{0%,to{opacity:.6;letter-spacing:.2em}50%{opacity:1;letter-spacing:.35em}}.animate-dive-text-pulse{animation-name:diveTextPulse;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes lockPulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.animate-lock-pulse{animation-name:lockPulse;animation-duration:2.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes seahorseFloat{0%{transform:translate(-20px)translateY(0)rotate(2deg)}20%{transform:translate(0)translateY(-12px)rotate(-3deg)}40%{transform:translate(20px)translateY(-5px)rotate(1deg)}60%{transform:translate(10px)translateY(-14px)rotate(-2deg)}80%{transform:translate(-10px)translateY(-6px)rotate(3deg)}to{transform:translate(-20px)translateY(0)rotate(2deg)}}.animate-seahorse-float{animation-name:seahorseFloat;animation-duration:18s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes barracudaSwim{0%{left:calc(100% + 180px);transform:translateY(0)}20%{transform:translateY(-3px)}50%{transform:translateY(2px)}80%{transform:translateY(-2px)}to{left:-180px;transform:translateY(0)}}.animate-barracuda-swim{animation-name:barracudaSwim;animation-duration:4s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes barracudaTail{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.animate-barracuda-tail{animation-name:barracudaTail;animation-duration:.3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes cowfishEllipse{0%{transform:translate(-20px)translateY(0)}25%{transform:translate(0)translateY(-6px)}50%{transform:translate(20px)translateY(0)}75%{transform:translate(0)translateY(6px)}to{transform:translate(-20px)translateY(0)}}.animate-cowfish-ellipse{animation-name:cowfishEllipse;animation-duration:22s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes cowfishPuff{0%{transform:scale(1)}30%{transform:scale(1.08)}70%{transform:scale(1.08)}to{transform:scale(1)}}.animate-cowfish-puff{animation-name:cowfishPuff;animation-duration:2s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes parrotfishFSwim{0%{left:calc(100% + 160px);transform:translateY(0)}25%{left:75vw;transform:translateY(-10px)}50%{left:50vw;transform:translateY(5px)}75%{left:25vw;transform:translateY(-8px)}to{left:-160px;transform:translateY(0)}}.animate-parrotfish-f-swim{animation-name:parrotfishFSwim;animation-duration:9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes parrotfishFSway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.animate-parrotfish-f-sway{animation-name:parrotfishFSway;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes cleanerWrasseSwim{0%{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translateY(-35px)}75%{transform:translate(-30px,-20px)}to{transform:translate(0)}}.animate-cleaner-wrasse-swim{animation-name:cleanerWrasseSwim;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes cleanerWrasseSway{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.animate-cleaner-wrasse-sway{animation-name:cleanerWrasseSway;animation-duration:.4s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes moraySway{0%{transform:translate(0)rotate(0)}25%{transform:translate(10px)rotate(5deg)}50%{transform:translate(0)rotate(-3deg)}75%{transform:translate(-10px)rotate(4deg)}to{transform:translate(0)rotate(0)}}.animate-moray-sway{transform-origin:0;animation-name:moraySway;animation-duration:16s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes morayExtend{0%{transform:translate(0)}30%{transform:translate(40px)}70%{transform:translate(40px)}to{transform:translate(0)}}.animate-moray-extend{animation-name:morayExtend;animation-duration:3s;animation-timing-function:ease-in-out;animation-fill-mode:both}@keyframes snapperCircle{0%{left:0;transform:translateY(0)rotate(0)}25%{left:22vw;transform:translateY(-8vh)rotate(-15deg)}50%{left:45vw;transform:translateY(0)rotate(-180deg)scaleX(-1)}75%{left:22vw;transform:translateY(8vh)rotate(-195deg)scaleX(-1)}to{left:0;transform:translateY(0)rotate(-360deg)}}.animate-snapper-circle{animation-name:snapperCircle;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes snapperSway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.animate-snapper-sway{animation-name:snapperSway;animation-duration:.9s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes hkPufferFloat{0%{left:calc(100% + 120px);transform:translateY(0)}25%{left:75vw;transform:translateY(-8px)}50%{left:50vw;transform:translateY(4px)}75%{left:25vw;transform:translateY(-5px)}to{left:-120px;transform:translateY(0)}}.animate-hk-puffer-float{animation-name:hkPufferFloat;animation-duration:20s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes hkPufferFin{0%,to{transform:rotate(-12deg)scaleY(.9)}50%{transform:rotate(12deg)scaleY(1.1)}}.animate-hk-puffer-fin{animation-name:hkPufferFin;animation-duration:.35s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes scorpionfishStill{0%,to{opacity:.92}50%{opacity:1}}.animate-scorpionfish-still{animation-name:scorpionfishStill;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes scorpionfishDash{0%{transform:translate(0)}50%{transform:translate(30px)scale(1.1)}to{transform:translate(0)}}.animate-scorpionfish-dash{animation-name:scorpionfishDash;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes parrotfishMSwim{0%{left:calc(100% + 160px);transform:translateY(5px)}20%{left:80vw;transform:translateY(-15px)}50%{left:55vw;transform:translateY(10px)}80%{left:20vw;transform:translateY(-10px)}to{left:-160px;transform:translateY(5px)}}.animate-parrotfish-m-swim{animation-name:parrotfishMSwim;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes parrotfishMShimmer{0%,to{filter:brightness()saturate(1.2)hue-rotate()}50%{filter:brightness(1.25)saturate(1.5)hue-rotate(10deg)}}.animate-parrotfish-m-shimmer{animation-name:parrotfishMShimmer;animation-duration:2.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes giantGrouperSwim{0%{left:calc(100% + 300px);transform:translateY(0)}25%{transform:translateY(-12px)}50%{transform:translateY(0)}75%{transform:translateY(12px)}to{left:-300px;transform:translateY(0)}}.animate-giant-grouper-swim{animation-name:giantGrouperSwim;animation-duration:28s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes leopardGrouperSwim{0%{left:calc(100% + 180px);transform:translateY(0)}30%{transform:translateY(-8px)}60%{transform:translateY(6px)}to{left:-180px;transform:translateY(0)}}.animate-leopard-grouper-swim{animation-name:leopardGrouperSwim;animation-duration:18s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes yellowfinSeabreamSwim{0%{left:calc(100% + 160px);transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(10px)}to{left:-160px;transform:translateY(0)}}.animate-yellowfin-seabream-swim{animation-name:yellowfinSeabreamSwim;animation-duration:16s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes fiveBandSnapperSwim{0%{left:calc(100% + 170px);transform:translateY(0)}20%{transform:translateY(-8px)}40%{transform:translateY(4px)}60%{transform:translateY(-6px)}80%{transform:translateY(8px)}to{left:-170px;transform:translateY(0)}}.animate-five-band-snapper-swim{animation-name:fiveBandSnapperSwim;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes flyingGurnardSwim{0%{left:calc(100% + 200px);transform:translateY(0)}10%{transform:translateY(-5px)}20%{transform:translateY(0)}30%{transform:translateY(-5px)}40%{transform:translateY(0)}50%{transform:translateY(-5px)}60%{transform:translateY(0)}70%{transform:translateY(-5px)}80%{transform:translateY(0)}90%{transform:translateY(-5px)}to{left:-200px;transform:translateY(0)}}.animate-flying-gurnard-swim{animation-name:flyingGurnardSwim;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes silverSweeperSwim{0%{left:calc(100% + 120px);transform:translateY(0)}25%{transform:translateY(-6px)}50%{transform:translateY(4px)}75%{transform:translateY(-3px)}to{left:-120px;transform:translateY(0)}}.animate-silver-sweeper-swim{animation-name:silverSweeperSwim;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes spangledEmperorSwim{0%{left:calc(100% + 180px);transform:translateY(0)}35%{transform:translateY(-10px)}65%{transform:translateY(8px)}to{left:-180px;transform:translateY(0)}}.animate-spangled-emperor-swim{animation-name:spangledEmperorSwim;animation-duration:22s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes whiteSpottedPufferSwim{0%{left:calc(100% + 150px);transform:translateY(0)rotate(0)}15%{transform:translateY(-6px)rotate(-2deg)}30%{transform:translateY(0)rotate(0)}45%{transform:translateY(6px)rotate(2deg)}60%{transform:translateY(0)rotate(0)}75%{transform:translateY(-6px)rotate(-1deg)}to{left:-150px;transform:translateY(0)rotate(0)}}.animate-white-spotted-puffer-swim{animation-name:whiteSpottedPufferSwim;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes puffer3Inflate{0%{transform:scale(1)}30%{transform:scale(1.3)}70%{transform:scale(1.3)}to{transform:scale(1)}}.animate-puffer3-inflate{animation-name:puffer3Inflate;animation-duration:1.2s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes chocolateHindSwim{0%{left:calc(100% + 160px);transform:translateY(0)}20%{transform:translateY(-4px)}40%{transform:translateY(0)}45%{opacity:.85;transform:translateY(0)}55%{opacity:1;transform:translateY(0)}75%{transform:translateY(-6px)}to{left:-160px;transform:translateY(0)}}.animate-chocolate-hind-swim{animation-name:chocolateHindSwim;animation-duration:25s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes sergeantFishSwim{0%{left:calc(100% + 130px);transform:translateY(0)}10%{transform:translateY(-12px)}20%{transform:translateY(0)}30%{transform:translateY(-8px)}40%{transform:translateY(4px)}50%{transform:translateY(-10px)}60%{transform:translateY(0)}70%{transform:translateY(-6px)}80%{transform:translateY(8px)}to{left:-130px;transform:translateY(0)}}.animate-sergeant-fish-swim{animation-name:sergeantFishSwim;animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}@keyframes ambientBubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.animate-ambient-bubble{animation-name:ambientBubbleFloat;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes ambientBubbleGlow{0%,to{box-shadow:0 0 12px #67e8f959,inset 0 0 12px #ffffff1f}50%{box-shadow:0 0 22px #67e8f999,inset 0 0 16px #fff3}}.animate-ambient-bubble-glow{animation-name:ambientBubbleGlow;animation-duration:3.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes miniBubbleRise{0%{opacity:0;transform:translateY(0)translate(0)scale(.5)}8%{opacity:.55}30%{opacity:.35;transform:translateY(-45px)translate(4px)scale(1)}60%{opacity:.12;transform:translateY(-95px)translate(-3px)scale(.7)}to{opacity:0;transform:translateY(-150px)translate(2px)scale(.15)}}.animate-mini-bubble{animation-name:miniBubbleRise;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes poeticFade{0%{opacity:0;filter:blur(2px);transform:translateY(12px)scale(.98)}50%{opacity:.7;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.animate-poetic-fade{animation-name:poeticFade;animation-duration:2s;animation-timing-function:ease-out;animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.animate-caustic-drift,.animate-wave-flow,.animate-wave-flow-slow,.animate-coral-sway,.animate-coral-glow,.animate-fish-swim-right,.animate-fish-swim-left,.animate-fish-sway,.animate-infinity-swim,.animate-lionfish-glow,.animate-lionfish-bob,.animate-puffer-inflate,.animate-turtle-ellipse,.animate-turtle-hover,.animate-dolphin-swim,.animate-dolphin-swim-left,.animate-dolphin-leap,.animate-water-ripple,.animate-species-hover,.animate-golden-glow,.animate-sand-shimmer,.animate-bubble-rise,.animate-light-sparkle,.animate-seaweed-sway,.animate-fish-horizontal,.animate-special-gentle-float,.animate-special-visitor,.animate-special-float,.animate-coral-pop,.animate-dive-bubble-rise,.animate-dive-bubble-fast,.animate-marine-snow,.animate-dive-text-pulse,.animate-seahorse-float,.animate-barracuda-swim,.animate-barracuda-tail,.animate-cowfish-ellipse,.animate-cowfish-puff,.animate-parrotfish-f-swim,.animate-parrotfish-f-sway,.animate-cleaner-wrasse-swim,.animate-cleaner-wrasse-sway,.animate-moray-sway,.animate-moray-extend,.animate-snapper-circle,.animate-snapper-sway,.animate-hk-puffer-float,.animate-hk-puffer-fin,.animate-scorpionfish-still,.animate-scorpionfish-dash,.animate-parrotfish-m-swim,.animate-parrotfish-m-shimmer,.animate-giant-grouper-swim,.animate-leopard-grouper-swim,.animate-yellowfin-seabream-swim,.animate-five-band-snapper-swim,.animate-flying-gurnard-swim,.animate-silver-sweeper-swim,.animate-spangled-emperor-swim,.animate-white-spotted-puffer-swim,.animate-puffer3-inflate,.animate-chocolate-hind-swim,.animate-sergeant-fish-swim,.animate-red-seabream-shimmer,.animate-mangrove-snapper-swim,.animate-scissortail-sergeant-swim,.animate-poetic-fade,.animate-ambient-bubble,.animate-ambient-bubble-glow,.animate-mini-bubble,.animate-lock-pulse{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@supports (height:100dvh){.ocean-scene-container{height:100dvh!important}}@supports not (height:100dvh){.ocean-scene-container{height:100vh!important}}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}@supports (-webkit-touch-callout:none){.ios-fix{-webkit-overflow-scrolling:touch}}@keyframes npcGentleFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-6px)rotate(-1.5deg)}66%{transform:translateY(-3px)rotate(1deg)}}.animate-npc-gentle-float{animation-name:npcGentleFloat;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes npcWave{0%,to{transform:rotate(0)translateY(0)}15%{transform:rotate(-8deg)translateY(-4px)}30%{transform:rotate(6deg)translateY(-2px)}45%{transform:rotate(-6deg)translateY(-3px)}60%{transform:rotate(4deg)translateY(-1px)}75%{transform:rotate(-3deg)translateY(-2px)}}.animate-npc-wave{animation-name:npcWave;animation-duration:.8s;animation-timing-function:ease-in-out;animation-fill-mode:both}@keyframes bubblePopIn{0%{opacity:0;transform:scale(.7)translateY(10px)}60%{transform:scale(1.04)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-bubble-pop-in{animation-name:bubblePopIn;animation-duration:.35s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes bubbleFadeOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.85)translateY(8px)}}.animate-bubble-fade-out{animation-name:bubbleFadeOut;animation-duration:.25s;animation-timing-function:ease-in;animation-fill-mode:both}@keyframes npcTap{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.animate-npc-tap{animation-name:npcTap;animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes npcEnter{0%{opacity:0;transform:translateY(40px)scale(.7)}60%{transform:translateY(-6px)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-npc-enter{animation-name:npcEnter;animation-duration:.7s;animation-timing-function:cubic-bezier(.34,1.56,.64,1);animation-fill-mode:both}@keyframes npcHintRing{0%,to{box-shadow:0 0 #fbbf2400}50%{box-shadow:0 0 0 8px #fbbf242e}}.animate-npc-hint-ring{animation-name:npcHintRing;animation-duration:2.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.npc-bubble-arrow-right:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid #fff9;width:0;height:0;position:absolute;top:14px;right:-6px}@media (prefers-reduced-motion:reduce){.animate-npc-gentle-float,.animate-npc-wave,.animate-bubble-pop-in,.animate-bubble-fade-out,.animate-npc-tap,.animate-npc-enter,.animate-npc-hint-ring{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes redSeabreamShimmer{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.15)saturate(1.3)hue-rotate(10deg)}}.animate-red-seabream-shimmer{animation-name:redSeabreamShimmer;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes mangroveSnapperSwim{0%{left:-170px;transform:translateY(0)}25%{transform:translateY(-12px)}50%{transform:translateY(0)}55%{left:50%;transform:translateY(0)}65%{left:50%;transform:translateY(0)}to{left:calc(100% + 170px);transform:translateY(0)}}.animate-mangrove-snapper-swim{animation-name:mangroveSnapperSwim;animation-duration:16s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes scissortailSergeantSwim{0%{left:-120px;transform:translateY(0)rotate(0)}20%{transform:translateY(-10px)rotate(-3deg)}40%{transform:translateY(8px)rotate(2deg)}60%{transform:translateY(-8px)rotate(-2deg)}80%{transform:translateY(6px)rotate(3deg)}to{left:calc(100% + 120px);transform:translateY(0)rotate(0)}}.animate-scissortail-sergeant-swim{animation-name:scissortailSergeantSwim;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.hover\:scale-\[1\.05\]:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-primary-400:hover{--tw-border-opacity:1;border-color:oklch(var(--primary-400) / var(--tw-border-opacity,1))}.hover\:bg-background-100:hover{--tw-bg-opacity:1;background-color:oklch(var(--background-100) / var(--tw-bg-opacity,1))}.hover\:bg-background-200:hover{--tw-bg-opacity:1;background-color:oklch(var(--background-200) / var(--tw-bg-opacity,1))}.hover\:bg-primary-600:hover{--tw-bg-opacity:1;background-color:oklch(var(--primary-600) / var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:text-background-100\/80:hover{color:oklch(var(--background-100) / .8)}.hover\:text-background-50:hover{--tw-text-opacity:1;color:oklch(var(--background-50) / var(--tw-text-opacity,1))}.hover\:text-foreground-900:hover{--tw-text-opacity:1;color:oklch(var(--foreground-900) / var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-primary-500:focus{--tw-border-opacity:1;border-color:oklch(var(--primary-500) / var(--tw-border-opacity,1))}.active\:translate-y-1:active{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:shadow-none:active{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white\/70{color:#ffffffb3}.group:hover .group-hover\:opacity-100{opacity:1}@media (width>=640px){.sm\:bottom-5{bottom:1.25rem}.sm\:bottom-\[72px\]{bottom:72px}.sm\:left-5{left:1.25rem}.sm\:right-2{right:.5rem}.sm\:right-4{right:1rem}.sm\:right-5{right:1.25rem}.sm\:right-6{right:1.5rem}.sm\:top-2{top:.5rem}.sm\:top-4{top:1rem}.sm\:top-5{top:1.25rem}.sm\:mb-1\.5{margin-bottom:.375rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-5{margin-bottom:1.25rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mt-5{margin-top:1.25rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-12{height:3rem}.sm\:h-6{height:1.5rem}.sm\:h-8{height:2rem}.sm\:h-\[160px\]{height:160px}.sm\:h-\[26px\]{height:26px}.sm\:h-\[28px\]{height:28px}.sm\:h-\[30px\]{height:30px}.sm\:h-\[36px\]{height:36px}.sm\:h-\[40px\]{height:40px}.sm\:h-\[44px\]{height:44px}.sm\:h-\[48px\]{height:48px}.sm\:h-\[64px\]{height:64px}.sm\:h-\[80px\]{height:80px}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:w-12{width:3rem}.sm\:w-6{width:1.5rem}.sm\:w-8{width:2rem}.sm\:w-\[160px\]{width:160px}.sm\:w-\[200px\]{width:200px}.sm\:w-\[80px\]{width:80px}.sm\:w-\[90\%\]{width:90%}.sm\:max-w-\[280px\]{max-width:280px}.sm\:max-w-\[440px\]{max-width:440px}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:gap-1{gap:.25rem}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-2\.5{gap:.625rem}.sm\:gap-3{gap:.75rem}.sm\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.sm\:rounded-\[12px\]{border-radius:12px}.sm\:rounded-\[16px\]{border-radius:16px}.sm\:rounded-\[20px\]{border-radius:20px}.sm\:rounded-\[28px\]{border-radius:28px}.sm\:rounded-\[32px\]{border-radius:32px}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-1\.5{padding-left:.375rem;padding-right:.375rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.sm\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[1\.6rem\]{font-size:1.6rem}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[9px\]{font-size:9px}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (width>=768px){.md\:inline{display:inline}.md\:h-\[260px\]{height:260px}.md\:h-\[48px\]{height:48px}.md\:h-\[52px\]{height:52px}.md\:w-\[180px\]{width:180px}.md\:w-\[260px\]{width:260px}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-\[12rem\]{font-size:12rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (width>=1024px){.lg\:mb-3{margin-bottom:.75rem}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-5{margin-bottom:1.25rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mt-5{margin-top:1.25rem}.lg\:mt-6{margin-top:1.5rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-10{height:2.5rem}.lg\:h-7{height:1.75rem}.lg\:h-8{height:2rem}.lg\:h-\[200px\]{height:200px}.lg\:h-\[36px\]{height:36px}.lg\:h-\[51px\]{height:51px}.lg\:h-\[60px\]{height:60px}.lg\:h-\[76px\]{height:76px}.lg\:w-10{width:2.5rem}.lg\:w-8{width:2rem}.lg\:w-\[200px\]{width:200px}.lg\:w-\[85\%\]{width:85%}.lg\:max-w-\[450px\]{max-width:450px}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-2{gap:.5rem}.lg\:gap-2\.5{gap:.625rem}.lg\:gap-3{gap:.75rem}.lg\:rounded-\[15px\]{border-radius:15px}.lg\:rounded-\[20px\]{border-radius:20px}.lg\:rounded-\[25px\]{border-radius:25px}.lg\:rounded-\[36px\]{border-radius:36px}.lg\:rounded-\[40px\]{border-radius:40px}.lg\:rounded-lg{border-radius:.5rem}.lg\:rounded-xl{border-radius:.75rem}.lg\:p-10{padding:2.5rem}.lg\:p-4{padding:1rem}.lg\:p-5{padding:1.25rem}.lg\:p-8{padding:2rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:py-\[16px\]{padding-top:16px;padding-bottom:16px}.lg\:py-\[18px\]{padding-top:18px;padding-bottom:18px}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-\[14px\]{font-size:14px}.lg\:text-\[2\.2rem\]{font-size:2.2rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}.lg\:text-xs{font-size:.75rem;line-height:1rem}}