@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[9999\]{z-index:9999}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.min-h-\[60vh\]{min-height:60vh}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-full{width:100%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--primary-deep:#1e3a8a;--primary-main:#3b82f6;--primary-light:#60a5fa;--primary-pale:#dbeafe;--secondary-teal:#0891b2;--secondary-cyan:#06b6d4;--secondary-mint:#10b981;--neutral-dark:#1f2937;--neutral-medium:#6b7280;--neutral-light:#f1f5f9;--neutral-white:#fff;--accent-coral:#f59e0b;--accent-pearl:#f8fafc;--accent-sand:#fef3c7;--gradient-ocean:linear-gradient(135deg,#0ea5e9 0%,#0284c7 50%,#0369a1 100%);--gradient-surface:linear-gradient(135deg,var(--accent-pearl)0%,var(--neutral-light)100%);--gradient-depths:linear-gradient(180deg,var(--primary-light)0%,var(--primary-deep)100%);color-scheme:light;color:var(--neutral-dark);background:var(--gradient-surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background:var(--gradient-surface);background-attachment:fixed;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.bubble{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle,#0ea5e926,#0ea5e914 70%,#0000);border:1px solid #0ea5e91a;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{opacity:0;transform:translateY(100vh)scale(0)rotate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100px)scale(1)rotate(360deg)}}.fish-swim{filter:drop-shadow(0 4px 12px #0ea5e94d);animation:4s ease-in-out infinite fishSwim}@keyframes fishSwim{0%{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-5px)rotate(-2deg)scale(1.02)}50%{transform:translateY(0)rotate(0)scale(1)}75%{transform:translateY(5px)rotate(2deg)scale(.98)}to{transform:translateY(0)rotate(0)scale(1)}}.swimming{animation:3.5s ease-in-out infinite fishSwim}.perspective-1000{perspective:1000px}.card-flip{transform-style:preserve-3d;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.card-flip.flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:20px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:0 20px 40px #0000001a}.card-back{transform:rotateY(180deg)}.glass{-webkit-backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #fff6;border-radius:20px;box-shadow:0 8px 32px #0ea5e91a}.header-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 20px #0ea5e914}.btn-primary{background:var(--gradient-ocean);color:var(--neutral-white);cursor:pointer;border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #0ea5e933}.btn-primary:hover{background:var(--gradient-depths);transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e94d}.btn-secondary{background:var(--neutral-white);color:var(--primary-main);border:2px solid var(--primary-light);cursor:pointer;border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0ea5e91a}.btn-secondary:hover{background:var(--primary-pale);border-color:var(--primary-main);color:var(--primary-deep);transform:translateY(-1px)}.quiz-button{cursor:pointer;background:var(--neutral-white);color:var(--neutral-dark);border:2px solid var(--neutral-light);border-radius:12px;margin:.5rem 0;padding:16px 24px;font-size:1rem;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #0ea5e914}.quiz-button:hover,.quiz-button:focus{background:var(--gradient-ocean);color:var(--neutral-white);border-color:var(--primary-main);transform:translateY(-2px);box-shadow:0 4px 16px #0ea5e933}.quiz-button:active{transform:scale(.98)translateY(0)}.nav-button-large{cursor:pointer;border-radius:12px;min-width:120px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0ea5e91a}.nav-button-large:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0ea5e933}.nav-button-large:active{transform:scale(.98)translateY(0)}.action-button-large{cursor:pointer;border-radius:14px;min-width:180px;padding:18px 36px;font-size:1.15rem;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #0ea5e926}.action-button-large:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0ea5e940}.action-button-large:active{transform:scale(.98)translateY(0)}.text-glow{text-shadow:0 2px 4px #0ea5e91a}html{scroll-behavior:smooth}.card-fish{text-align:center;background:var(--neutral-white);border:1px solid #0ea5e91a;border-radius:24px;max-width:380px;margin:0 auto;padding:2.5rem 2rem 2rem;box-shadow:0 8px 32px #0ea5e91f}.card-fish h2,.glass h2,h2,.text-glow{color:var(--neutral-dark);text-shadow:0 2px 4px #0ea5e91a;margin-bottom:.75rem;font-size:2.2rem;font-weight:700}.card-fish .fish-emoji{filter:drop-shadow(0 4px 8px #0ea5e933);margin-bottom:1.5rem;font-size:4rem;display:block}.card-fish .fish-desc,.glass p,p{color:var(--neutral-medium);margin-bottom:1.5rem;font-size:1.15rem;line-height:1.6}.card-fish .fish-mood{color:var(--primary-main);text-shadow:0 1px 2px #0ea5e91a;margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.confetti{pointer-events:none;z-index:40;width:100vw;height:100vh;position:absolute;top:0;left:0}.confetti-piece{opacity:.8;border-radius:50%;width:10px;height:10px;animation:3s linear forwards confetti-fall;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-40px)scale(1)rotate(0)}80%{opacity:.9}to{opacity:0;transform:translateY(100vh)scale(.8)rotate(360deg)}}.wavy-divider{background:url('data:image/svg+xml;utf8,<svg width="100%" height="50" viewBox="0 0 1440 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 25 Q360 50 720 25 T1440 25 V50 H0 V25Z" fill="%230ea5e9" fill-opacity="0.1"/></svg>') 0 0/cover repeat-x;width:100%;height:50px;margin:0;padding:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}