:root{--bg: #f4f9fa;--surface: #ffffff;--surface-2: #edf5f6;--text: #15303b;--muted: #557079;--border: #dbe8ea;--border-strong: #c3d8dc;--accent: #13708a;--accent-hover: #0e5c72;--accent-soft: #e3f2f5;--sea-light: #e2f1f3;--sea-mid: #cfe8ec;--footer-bg: #e4f0f2;--warn: #b0502c;--warn-bg: #fff2ec;--warn-border: #f5cdbb;--good: #1a7f5a;--good-bg: #e7f6ef;--good-border: #b5e0cc;--bad: #b23a3a;--bad-bg: #fdefee;--bad-border: #f1c6c4;--miss: #a4532e;--miss-bg: #fff6f1;--miss-border: #f3d3c3;--fish-1: #3e93a8;--fish-2: #6bb7c2;--fish-3: #f0936f;--seaweed: #6aa889;--seaweed-2: #8cc0a3;--coral: #ef8a6b;--coral-peach: #f4b37a;--coral-pink: #e7849c;--sand: #efe3cc;--sand-dark: #e3d2b2;--reef-water-top: #e9f6f8;--reef-water-bottom: #cfe9ee;--line: #9fbcc3;--hook: #6f8c95;--midnight: #031f2b;--deep-navy: #042f3e;--deep-ocean: #073b4c;--dark-teal: #075e68;--seafoam: #7fe0c4;--bright-teal: #46c9c0;--sun: #f6c453;--seaweed-bright: #4fb98f;--fg: var(--text);--fg-muted: var(--muted);--fg-accent: var(--accent);--fg-line: var(--border);--track: var(--border);--focus: var(--accent);--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(21, 48, 59, .06), 0 2px 6px rgba(21, 48, 59, .04);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.25;margin:0}p{margin:0}a{color:var(--accent)}button,a{font:inherit;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;position:relative;padding:40px 0 72px;color:var(--fg);overflow:hidden}.main-home{padding-top:0;padding-bottom:0}.main-content{position:relative;z-index:1}.on-deep,.zone-mid .main,.zone-deep .main{--fg: #eef8f9;--fg-muted: #b9dade;--fg-accent: #7fe0d3;--fg-line: rgba(255, 255, 255, .14);--track: rgba(255, 255, 255, .2);--focus: #7fe0d3;color:var(--fg)}.card,.msg,.finding,.feedback,.caught,.overall,.review-list,.confirm,.context,.stale-note,.hero-example{--fg: var(--text);--fg-muted: var(--muted);--fg-accent: var(--accent);--fg-line: var(--border);--track: var(--border);--focus: var(--accent);color:var(--text)}.zone-shallow .main{background:linear-gradient(180deg,var(--bg) 0%,#eaf5f7 55%,#d3ebef 100%)}.zone-mid .main{background:radial-gradient(ellipse 80% 260px at 50% 0,rgba(127,224,211,.16),transparent 70%),linear-gradient(180deg,var(--dark-teal) 0%,#076170 8%,#074d5e 45%,var(--deep-ocean) 100%)}.zone-deep .main{background:radial-gradient(ellipse 70% 240px at 50% 0,rgba(70,201,192,.14),transparent 70%),linear-gradient(180deg,var(--deep-navy) 0%,#03283a 50%,var(--midnight) 100%)}.zone-surface{--seabed-top: var(--deep-navy)}.zone-shallow{--seabed-top: var(--dark-teal)}.zone-mid{--seabed-top: var(--deep-ocean)}.zone-deep{--seabed-top: var(--midnight)}.container{width:100%;max-width:1040px;margin:0 auto;padding:0 20px}.container.narrow{max-width:720px}.section{margin-top:40px}.section-title{font-size:1.15rem;font-weight:650;margin-bottom:14px}.page-header{margin-bottom:24px}.page-header h1{font-size:1.85rem;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.page-header p{color:var(--fg-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.muted{color:var(--muted)}.small{font-size:.9rem}.hint{color:var(--fg-muted);font-size:.85rem;margin-top:8px}.header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:var(--text);text-decoration:none}.logo-mark{flex-shrink:0}.nav{display:flex;gap:4px}.nav-link{display:flex;flex-direction:column;align-items:center;padding:6px 11px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;white-space:nowrap;line-height:1.25}.nav-label{font-weight:600;font-size:.95rem}.nav-caption{font-size:.72rem;color:var(--muted)}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link.active{color:#fff;background:var(--dark-teal)}.nav-link.active .nav-caption{color:#cdeef0}.footer{background:var(--midnight);color:#b4d3d8;font-size:.85rem;padding:20px 0 26px}.footer strong{color:#fff}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:background-color .12s,border-color .12s,color .12s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.btn-danger{background:var(--bad);color:#fff}.btn-danger:hover{background:#951c1c}.btn-danger-outline{background:var(--surface);color:var(--bad);border-color:var(--bad-border)}.btn-danger-outline:hover:not(:disabled){background:var(--bad-bg)}.text-button{background:none;border:none;padding:0;color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline}.chip{background:var(--surface);border:1px solid var(--border-strong);border-radius:999px;padding:4px 12px;font-size:.85rem;color:var(--text);cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--accent)}.hero-band{position:relative;background:linear-gradient(180deg,var(--bg) 0%,var(--sea-light) 55%,#c4e5ea 100%);overflow:hidden;padding:56px 0 128px}.hero{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.hero-title{font-size:2.7rem;font-weight:750;letter-spacing:-.02em;color:var(--text)}.hero-tagline{font-size:1.45rem;font-weight:650;color:var(--accent);margin-top:2px}.hero-lead{color:var(--text);font-size:1.05rem;margin-top:14px;max-width:32em}.hero-friendly{margin-top:18px;font-size:.92rem;color:var(--muted);max-width:32em}.hero-example{position:relative;margin:40px 0 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.example-label{font-size:.8rem;color:var(--muted);margin-bottom:10px}.fishing-line{position:absolute;left:50%;top:-300px;transform:translate(-50%)}.example-bubble{background:var(--surface-2);border-radius:16px 16px 16px 4px;padding:12px 14px;line-height:1.9}.mark{background:var(--warn-bg);border-bottom:2px solid var(--warn-border);color:inherit;padding:1px 3px;border-radius:3px;white-space:nowrap}.mark-num,.sign-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--warn);color:#fff;font-size:.7rem;font-weight:700;margin-right:4px;vertical-align:1px}.example-caption{font-size:.85rem;color:var(--muted);margin-top:10px}.mascot.peek-hero{position:absolute;right:18px;top:-30px;z-index:-1}.sign-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.look-section{position:relative;margin-top:0}.puffer-spot{position:absolute;right:6px;top:-18px}.sign-card .sign-num{background:var(--accent);width:24px;height:24px;font-size:.8rem;margin-bottom:10px}.sign-card h3{font-size:1rem;font-weight:650;margin-bottom:4px}.sign-card p{color:var(--muted);font-size:.95rem}.sample-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.sample-label{font-size:.85rem;color:var(--muted)}.textarea{width:100%;min-height:220px;resize:vertical;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;font-size:.95rem;line-height:1.5;color:var(--text);background:#fdfdfb}.textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.results{margin-top:32px}.stale-note{background:var(--accent-soft);border-radius:var(--radius-sm);padding:10px 14px;font-size:.9rem;margin-bottom:16px}.finding-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.finding{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--warn-border);border-radius:var(--radius-sm);padding:14px 16px}.finding-title{font-weight:650;display:flex;align-items:center;gap:8px}.warn-icon{color:var(--warn)}.finding-desc{color:var(--muted);margin-top:2px;font-size:.95rem}.evidence{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.evidence-label{font-size:.8rem;color:var(--muted)}.evidence-chip{background:var(--warn-bg);color:var(--warn);border-radius:4px;padding:1px 8px;font-size:.85rem}.reason-list{margin:8px 0 0;padding-left:20px;font-size:.9rem}.reason-list li+li{margin-top:2px}.muted-card{color:var(--muted)}.overall{margin-top:20px;border-radius:var(--radius);padding:16px 18px;border:1px solid}.overall-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;opacity:.8}.overall-label{font-size:1.15rem;font-weight:700;margin:2px 0 6px}.overall p{color:var(--text);font-size:.95rem}.overall-high{background:var(--bad-bg);border-color:var(--bad-border);color:var(--bad)}.overall-some{background:var(--warn-bg);border-color:var(--warn-border);color:var(--warn)}.overall-few{background:var(--surface);border-color:var(--border);color:var(--muted)}.disclaimer{margin-top:14px;font-size:.85rem;color:var(--fg-muted)}.how-it-works{margin-top:32px;border-top:1px solid var(--fg-line);padding-top:16px;font-size:.95rem}.how-it-works summary{cursor:pointer;font-weight:600}.how-it-works p{color:var(--fg-muted);margin-top:10px}.msg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:visible}.email-subject{font-size:1.15rem;font-weight:650;padding:18px 20px 12px}.email-meta{display:flex;gap:12px;align-items:flex-start;padding:0 20px 14px;border-bottom:1px solid var(--border)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.avatar.small{width:32px;height:32px;font-size:.9rem}.email-from{flex:1;min-width:0;font-size:.92rem;overflow-wrap:anywhere}.email-address{color:var(--muted)}.email-to,.email-time{color:var(--muted);font-size:.82rem}.email-time{white-space:nowrap}.email-body{padding:16px 20px 20px}.msg-paragraph{white-space:pre-line;position:relative}.msg-paragraph+.msg-paragraph{margin-top:12px}.sms{background:var(--surface)}.sms-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.sms-from{font-weight:650;font-size:.95rem}.sms-kind{font-size:.8rem;color:var(--muted)}.sms-thread{padding:16px;background:#fbfbf8;border-radius:0 0 var(--radius) var(--radius)}.sms-time{text-align:center;font-size:.78rem;color:var(--muted);margin-bottom:10px}.sms-bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:18px 18px 18px 4px;padding:10px 14px;max-width:88%;font-size:.95rem;overflow-wrap:anywhere}.sms-bubble .msg-paragraph+.msg-paragraph{margin-top:8px}.link-preview{position:relative;display:inline}.link-preview.inline{position:static}.link-preview.button{display:inline-block}.msg-link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit;text-align:left;overflow-wrap:anywhere}.msg-button{background:#3d4a63;color:#fff;border:none;border-radius:4px;padding:10px 18px;font-weight:600;cursor:pointer}.link-tooltip{position:absolute;left:0;top:calc(100% + 6px);z-index:5;background:var(--text);color:#fff;font-size:.8rem;line-height:1.4;padding:6px 10px;border-radius:var(--radius-sm);width:max-content;max-width:min(340px,100%);overflow-wrap:anywhere;white-space:normal;box-shadow:0 4px 12px #00000026}.link-tooltip strong{font-weight:600}.quiz-top{display:flex;justify-content:space-between;font-size:.9rem;color:var(--fg);font-weight:500}.quiz-track{display:flex;gap:6px;margin:8px 0 20px}.dot{flex:1;height:6px;border-radius:3px;background:var(--track)}.dot-current{background:var(--fg-accent)}.dot-right{background:var(--seafoam)}.dot-wrong{background:var(--coral)}.context{font-size:.9rem;color:var(--muted);background:var(--surface-2);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:12px}.context:before{content:"Situation: ";font-weight:600;color:var(--text)}.question{margin-top:24px;text-align:center}.question h2{font-size:1.15rem;font-weight:650}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.btn-choice{background:var(--surface);border-color:var(--border-strong);color:var(--text);padding:14px 18px;font-size:1rem}.btn-choice:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.feedback{margin-top:24px;border:1px solid;border-radius:var(--radius);padding:18px 20px}.feedback-right{background:var(--good-bg);border-color:var(--good-border)}.feedback-wrong{background:var(--miss-bg);border-color:var(--miss-border)}.feedback-verdict{font-size:1.2rem;font-weight:700}.feedback-right .feedback-verdict{color:var(--good)}.feedback-wrong .feedback-verdict{color:var(--miss)}.feedback-sub{font-weight:500;margin-top:2px}.feedback-lead{margin-top:12px;font-size:.95rem}.feedback-points{margin:6px 0 18px;padding-left:20px;font-size:.95rem}.feedback-points li+li{margin-top:4px}.intro-list{margin:0 0 14px;padding-left:20px}.intro-list li+li{margin-top:6px}.intro-card .btn{margin-top:16px}.results-card .score{font-size:2rem;font-weight:750;margin-bottom:6px}.results-card p{color:var(--muted)}.review-list{list-style:none;padding:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.review-item{display:flex;gap:12px;align-items:flex-start;padding:12px 16px}.review-item+.review-item{border-top:1px solid var(--border)}.review-mark{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;margin-top:1px}.review-mark.right{background:var(--good-bg);color:var(--good)}.review-mark.wrong{background:var(--miss-bg);color:var(--miss)}.review-title{font-weight:600;font-size:.95rem}.review-meta{color:var(--muted);font-size:.85rem}.empty-card{margin-bottom:20px}.empty-card p{color:var(--muted)}.empty-card .btn{margin-top:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:16px}.stat-value{font-size:1.7rem;font-weight:750;line-height:1.1}.stat-label{font-size:.85rem;color:var(--muted);margin-top:4px}.stat-sub{font-size:.78rem;color:var(--muted)}.skill+.skill{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.skill-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:8px}.skill-name{font-weight:650}.skill-desc,.skill-count{font-size:.85rem;color:var(--muted)}.skill-count{margin-top:6px}.skill-pct{font-weight:650;white-space:nowrap;font-size:.95rem}.bar{height:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:5px;transition:width .3s ease}.history{list-style:none;margin:0;padding:4px 20px}.history li{display:flex;justify-content:space-between;padding:10px 0;font-size:.95rem}.history li+li{border-top:1px solid var(--border)}.history-score{font-weight:650}.reset-section{border-top:1px solid var(--fg-line);padding-top:24px}.confirm{background:var(--bad-bg);border:1px solid var(--bad-border);border-radius:var(--radius);padding:14px 16px}.confirm .button-row{margin-top:12px}.ocean-scene,.deep-scene,.page-fish{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.lanes{position:absolute;top:0;right:0;bottom:0;left:0;container-type:inline-size}.lanes-right{left:54%}.swim{position:absolute;left:0;animation:swim-right 60s linear infinite;will-change:transform}.swim-left{animation-name:swim-left}@keyframes swim-right{0%{transform:translate(-140px)}to{transform:translate(calc(100vw + 40px));transform:translate(calc(100cqw + 40px))}}@keyframes swim-left{0%{transform:translate(calc(100vw + 40px));transform:translate(calc(100cqw + 40px))}to{transform:translate(-140px)}}.layer-far{opacity:.4;filter:blur(.6px)}.layer-mid{opacity:.8}.layer-near{opacity:.95}.ocean-scene .layer-far{opacity:.55}.ocean-scene .layer-mid{opacity:.7}.bob{animation:bob 5s ease-in-out infinite alternate}@keyframes bob{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.fish-svg{display:block}.school-fish{animation:school-wiggle 2.4s ease-in-out infinite alternate}@keyframes school-wiggle{0%{transform:translate(-1.5px,-1.5px)}to{transform:translate(1.5px,1.5px)}}.bubble{position:absolute;border:1.5px solid rgba(19,112,138,.35);background:#ffffff80;border-radius:50%;animation:rise 12s ease-in infinite;opacity:0}.deep-scene .bubble{border-color:#bff5ee8c;background:#bff5ee1f}@keyframes rise{0%{transform:translate(0);opacity:0}10%{opacity:.8}50%{transform:translate(6px,-160px)}90%{opacity:.6}to{transform:translate(-4px,-330px);opacity:0}}.particles{position:absolute;top:0;right:0;bottom:0;left:0}.particle{position:absolute;border-radius:50%;background:#cdeff0;opacity:.35;animation:drift 16s ease-in-out infinite alternate}.particles-light .particle{background:#5aa9b6;opacity:.22}@keyframes drift{0%{transform:translate(0)}to{transform:translate(10px,26px)}}.light-rays{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 18%,rgba(191,245,238,.06) 22%,transparent 27%),linear-gradient(100deg,transparent 52%,rgba(191,245,238,.05) 55%,transparent 59%),linear-gradient(110deg,transparent 74%,rgba(191,245,238,.04) 77%,transparent 80%)}.coral-silhouettes{display:block;width:100%;height:80px}.hero-distant{position:absolute;left:0;bottom:18px;opacity:.6}.band-distant{position:absolute;left:0;bottom:0;opacity:.9}.seaweed-group{position:absolute;bottom:14px;display:flex;align-items:flex-end;gap:2px;opacity:.85}.seaweed-group.left{left:2%}.seaweed-group.right{right:2%}.seaweed,.sway{transform-origin:50% 100%;transform-box:fill-box;animation:sway 6s ease-in-out infinite alternate}.seaweed.slow,.sway.slow{animation-duration:8s;animation-delay:-3s}@keyframes sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.anemone{transform-origin:50% 100%;transform-box:fill-box;animation:sway 4.5s ease-in-out infinite alternate}.waves{position:absolute;left:0;right:0;bottom:-1px;height:24px;pointer-events:none;z-index:1}.wave{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24'%3E%3Cpath d='M0 12 Q30 2 60 12 T120 12 T180 12 T240 12 V24 H0z'/%3E%3C/svg%3E") repeat-x 0 100% / 240px 24px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24'%3E%3Cpath d='M0 12 Q30 2 60 12 T120 12 T180 12 T240 12 V24 H0z'/%3E%3C/svg%3E") repeat-x 0 100% / 240px 24px}.wave-back{background:var(--seafoam);opacity:.45;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='24' viewBox='0 0 300 24'%3E%3Cpath d='M0 10 Q37.5 0 75 10 T150 10 T225 10 T300 10 V24 H0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='24' viewBox='0 0 300 24'%3E%3Cpath d='M0 10 Q37.5 0 75 10 T150 10 T225 10 T300 10 V24 H0z'/%3E%3C/svg%3E");-webkit-mask-size:300px 24px;mask-size:300px 24px;animation:wave-drift 26s linear infinite reverse}.wave-front{background:var(--dark-teal);animation:wave-drift 18s linear infinite}@keyframes wave-drift{0%{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:600px 100%;mask-position:600px 100%}}.deep-band{position:relative;overflow:hidden;padding:44px 0 128px;background:linear-gradient(180deg,var(--dark-teal) 0%,#075062 30%,var(--deep-ocean) 60%,var(--deep-navy) 100%)}.deep-band-content{position:relative;z-index:1}.deep-band .sign-card{box-shadow:0 6px 18px #031f2b59}.cursor-fish{position:absolute;left:0;top:0;z-index:0;opacity:.9;pointer-events:none;will-change:transform}.puffer{display:block}.puffer-live{pointer-events:auto;cursor:default}.puffer-spot{animation:bob 4s ease-in-out infinite alternate}.puffer-body,.puffer-spikes{transform-box:fill-box;transform-origin:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.puffer-spikes{transform:scale(.82)}.puffer-live:hover .puffer-body,.puffer-live:active .puffer-body{transform:scale(1.16)}.puffer-live:hover .puffer-spikes,.puffer-live:active .puffer-spikes{transform:scale(1.08)}.seabed{position:relative;height:150px;background:linear-gradient(180deg,var(--seabed-top) 0%,var(--midnight) 100%)}.seabed-wave{position:absolute;left:0;right:0;top:-23px;height:24px;background:var(--seabed-top);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24'%3E%3Cpath d='M0 12 Q30 2 60 12 T120 12 T180 12 T240 12 V24 H0z'/%3E%3C/svg%3E") repeat-x 0 100% / 240px 24px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24'%3E%3Cpath d='M0 12 Q30 2 60 12 T120 12 T180 12 T240 12 V24 H0z'/%3E%3C/svg%3E") repeat-x 0 100% / 240px 24px}.zone-surface .seabed-wave{display:none}.seabed-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.mascot{display:inline-block;position:relative;line-height:0;pointer-events:none}.mascot svg{display:block}.mascot-motion{display:inline-block;animation:bob 3.2s ease-in-out infinite alternate}.mascot-fin{transform-box:fill-box;transform-origin:20% 50%;animation:fin-flap .9s ease-in-out infinite alternate}@keyframes fin-flap{0%{transform:rotate(-30deg)}to{transform:rotate(-4deg)}}.mascot-pupil{transition:transform .3s ease}.mood-curious .mascot-motion svg{transform-origin:50% 60%;animation:tilt 3s ease-in-out infinite alternate}.mood-curious .mascot-motion svg[style]{animation-name:tilt-flipped}@keyframes tilt{0%{transform:rotate(2deg)}to{transform:rotate(-7deg)}}@keyframes tilt-flipped{0%{transform:scaleX(-1) rotate(2deg)}to{transform:scaleX(-1) rotate(-7deg)}}.mood-happy .mascot-motion{animation:hop .55s ease-out 2,bob 3.2s ease-in-out 1.1s infinite alternate}@keyframes hop{0%,to{transform:translateY(0)}45%{transform:translateY(-9px) rotate(-6deg)}}.mood-oops .mascot-motion{animation:wobble .9s ease-in-out 1,bob 3.2s ease-in-out .9s infinite alternate}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}60%{transform:rotate(5deg)}}.mood-worried .mascot-motion{animation:shiver .5s ease-in-out 2,bob 3.2s ease-in-out 1s infinite alternate}@keyframes shiver{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.bubble-burst,.catch-bubbles{position:absolute;left:50%;top:0;width:0;height:0;pointer-events:none}.burst-bubble{position:absolute;border:1.5px solid rgba(19,112,138,.55);background:#fff9;border-radius:50%;opacity:0;animation:burst 1.6s ease-out forwards}.burst-bubble.b0{width:8px;height:8px;left:-4px;animation-delay:.05s}.burst-bubble.b1{width:5px;height:5px;left:6px;animation-delay:.2s}.burst-bubble.b2{width:6px;height:6px;left:-12px;animation-delay:.35s}.burst-bubble.b3{width:4px;height:4px;left:12px;animation-delay:.5s}.burst-bubble.b4{width:7px;height:7px;left:0;animation-delay:.65s}@keyframes burst{0%{opacity:0;transform:translateY(6px) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-46px) scale(1)}}.feedback{position:relative;overflow:hidden}.feedback-caught .feedback-head,.feedback-caught .feedback-sub{padding-right:64px}.catch{position:absolute;top:0;right:10px;width:64px;height:100%;pointer-events:none}.catch-rig{position:absolute;top:-30px;right:0;animation:catch-drop 1.1s cubic-bezier(.34,1.4,.64,1) both}@keyframes catch-drop{0%{transform:translateY(-110px)}to{transform:translateY(0)}}.catch-phish{transform-box:fill-box;transform-origin:60% 0%;animation:catch-wiggle .5s ease-in-out 1s 4 alternate}@keyframes catch-wiggle{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}.catch-bubbles{left:22px;top:92px}.catch-bubbles .burst-bubble{animation-delay:1.1s}.catch-bubbles .b1{animation-delay:1.3s}.catch-bubbles .b2{animation-delay:1.5s}.catch-bubbles .b3{animation-delay:1.7s}.catch-school{position:absolute;right:0;bottom:6px;opacity:0;animation:school-cross 3.2s ease-in-out .5s 1 both}@keyframes school-cross{0%{opacity:0;transform:translate(120px)}15%{opacity:.75}85%{opacity:.75}to{opacity:0;transform:translate(-560px)}}.catch-school .fish-svg{transform:scaleX(-1)}.feedback-head{display:flex;align-items:center;gap:10px}.feedback-mascot{position:relative;flex-shrink:0}.question-head{display:flex;align-items:center;justify-content:center;gap:10px}.analyzer-card{position:relative;margin-top:40px}.analyzer-mascot{position:absolute;right:22px;top:-34px;z-index:-1}.analyzer-mascot .bubble-burst{left:14px;top:2px}.results-card{position:relative}.mascot.results-mascot{position:absolute;right:18px;top:16px}.how-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-item{display:block;text-decoration:none;color:var(--fg);border-top:2px solid var(--fg-line);padding-top:12px}.how-item:hover .how-name{color:var(--fg-accent)}.how-name{display:block;font-weight:650}.how-text{display:block;font-size:.92rem;color:var(--fg-muted);margin-top:2px}.eyebrow{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-accent);margin-bottom:4px}.caught{display:flex;flex-direction:column;gap:2px;background:var(--accent-soft);border:1px solid var(--sea-mid);border-radius:var(--radius);padding:14px 18px;margin-bottom:24px}.caught-title{font-size:1.2rem;font-weight:700;color:var(--accent)}.caught p{color:var(--text);font-size:.95rem}.reef-note{margin-top:6px;font-size:.9rem;color:var(--accent)!important}.card.reef-card{padding:0;overflow:hidden;margin-bottom:20px;background:var(--deep-navy);border-color:#7fe0d32e;box-shadow:0 10px 30px #031f2b73;--fg: #eef8f9;--fg-muted: #b9dade;--fg-accent: #7fe0d3;--fg-line: rgba(255, 255, 255, .12);--focus: #7fe0d3;color:var(--fg)}.reef{display:block;width:100%;height:auto}.reef .grow{transform-origin:50% 100%;transform-box:fill-box;animation:grow .7s ease-out both}@keyframes grow{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.reef-fish{animation:reef-swim 8s ease-in-out infinite alternate}@keyframes reef-swim{0%{transform:translate(-14px,-3px)}to{transform:translate(14px,3px)}}.reef .rise{animation:reef-rise 5s ease-in infinite}.reef .rise.d2{animation-delay:-1.5s}.reef .rise.d3{animation-delay:-3s}.reef .rise.d4{animation-delay:-4s}@keyframes reef-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-110px);opacity:0}}.reef .snow{opacity:.45;animation:snow-drift 12s ease-in-out infinite alternate}@keyframes snow-drift{0%{transform:translate(0)}to{transform:translate(6px,14px)}}.reef-mascot{animation:reef-lap 32s ease-in-out infinite}@keyframes reef-lap{0%{transform:translate(60px,40px)}45%{transform:translate(470px,22px)}50%{transform:translate(470px,30px)}95%{transform:translate(60px,48px)}to{transform:translate(60px,40px)}}.reef-mascot-turn{transform-box:fill-box;transform-origin:center;animation:reef-turn 32s linear infinite}@keyframes reef-turn{0%,46%{transform:scaleX(1)}48%,96%{transform:scaleX(-1)}98%,to{transform:scaleX(1)}}.peek-fish{animation:peek 11s ease-in-out infinite}@keyframes peek{0%,30%{transform:translate(10px)}40%,62%{transform:translate(-16px)}66%{transform:translate(-13px)}72%,to{transform:translate(10px)}}.reef .crab,.seabed .crab{animation:scuttle 14s ease-in-out infinite}@keyframes scuttle{0%,20%{transform:translate(0)}30%,55%{transform:translate(34px)}65%,to{transform:translate(0)}}.chest-lid{transform-box:fill-box;transform-origin:0% 100%;animation:lid 10s ease-in-out infinite}@keyframes lid{0%,70%{transform:rotate(0)}76%,84%{transform:rotate(-14deg)}90%,to{transform:rotate(0)}}.chest-glint,.chest-bubbles{opacity:0;animation:chest-glow 10s ease-in-out infinite}.chest-bubbles{animation-name:chest-bubbles}@keyframes chest-glow{0%,72%{opacity:0}78%,84%{opacity:1}90%,to{opacity:0}}@keyframes chest-bubbles{0%,74%{opacity:0;transform:translateY(0)}80%{opacity:1}96%,to{opacity:0;transform:translateY(-34px)}}.reef-empty,.reef-legend{padding:16px 20px 18px;border-top:1px solid var(--fg-line)}.reef-empty p{color:var(--fg-muted)}.reef-empty .btn{margin-top:12px}.reef-empty .btn-primary{background:var(--seafoam);color:var(--midnight)}.reef-empty .btn-primary:hover{background:#a3ecd7}.reef-legend{list-style:none;margin:0;display:grid;gap:8px;font-size:.92rem}.reef-legend li{display:flex;align-items:baseline;gap:10px}.reef-legend strong{color:#fff}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transform:translateY(1px)}.legend-dot.coral{background:var(--coral)}.legend-dot.fish{background:var(--bright-teal)}.legend-dot.shell{background:var(--sand)}.legend-dot.bubbles-dot{background:transparent;border:1.5px solid #fff}.legend-next{color:var(--fg-muted)}@media (prefers-reduced-motion: reduce){[data-ocean],[data-ocean] *{animation:none!important;transition:none!important}.swim{left:var(--park);transform:none}.catch-school,.hide-still{display:none}.btn,.bar-fill{transition:none}}.why-lead{color:var(--fg-muted);max-width:46em;margin-bottom:18px}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fact-card{display:flex;flex-direction:column;padding:18px}.fact-value{font-size:1.9rem;font-weight:750;line-height:1.1;color:var(--dark-teal);letter-spacing:-.01em}.fact-label{margin-top:8px;font-size:.92rem;line-height:1.45;flex:1}.fact-detail{margin-top:10px;font-size:.8rem;font-weight:600;color:var(--warn)}.age-chart{margin:16px 0 0}.age-chart figcaption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:14px}.age-chart-title{font-weight:650}.age-chart-sub{font-size:.85rem;color:var(--muted)}.age-bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.age-bars li{display:grid;grid-template-columns:72px 1fr 68px;align-items:center;gap:10px;font-size:.88rem}.age-label{color:var(--muted);white-space:nowrap}.age-track{height:14px;background:var(--surface-2);border-radius:4px;overflow:hidden}.age-fill{display:block;height:100%;background:var(--dark-teal);border-radius:4px}.age-fill.young{background:var(--coral)}.age-num{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.age-note{margin-top:12px;font-size:.88rem;color:var(--muted)}.sources{margin-top:12px;font-size:.8rem;color:var(--fg-muted)}.sources a{color:var(--fg-accent)}.who-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.who-card{border-top:3px solid var(--seafoam)}.who-card h3{font-size:1rem;font-weight:650;margin-bottom:6px}.who-card p{font-size:.92rem;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}.contact-form{position:relative;margin-top:30px}.contact-mascot{position:absolute;right:22px;top:-32px;z-index:-1}.contact-side{display:grid;gap:16px;margin-top:30px}.field+.field{margin-top:14px}.field label{display:block;font-weight:600;font-size:.92rem;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;font:inherit;font-size:.95rem;color:var(--text);background:#fdfdfb;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px}.field textarea{resize:vertical;min-height:130px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.field [aria-invalid=true]{border-color:var(--bad)}.field-error{color:var(--bad);font-size:.85rem;margin-top:4px}.sent-note{margin-top:16px;background:var(--good-bg);border:1px solid var(--good-border);border-radius:var(--radius-sm);padding:12px 14px;font-size:.92rem}.side-title{font-size:1.02rem;font-weight:650;margin-bottom:6px}.side-text{color:var(--muted);font-size:.92rem}.side-text.small{font-size:.85rem;margin-top:12px}.contact-email{font-weight:600;overflow-wrap:anywhere}.btn-small{margin-top:12px;padding:7px 14px;font-size:.88rem}.report-card{border-top:3px solid var(--coral)}.report-list{margin:10px 0 0;padding-left:18px;font-size:.92rem}.report-list li+li{margin-top:6px}.footer-link{color:#fff}@media (max-width: 860px){.hero{grid-template-columns:1fr;gap:28px}.how-strip{grid-template-columns:1fr}.wide-only{display:none}.fishing-line{clip-path:inset(236px 0 0 0)}.sign-grid{grid-template-columns:1fr}.stat-grid,.fact-grid,.who-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.contact-side{margin-top:0}}@media (max-width: 640px){.main{padding:24px 0 48px}.container{padding:0 16px}.header-inner{flex-direction:column;align-items:stretch;gap:0;padding-top:10px}.brand{padding-bottom:8px}.nav{margin:0 -16px;padding:0 4px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;overflow:visible}.nav-link{justify-content:flex-start;min-width:0;padding:6px 2px 8px;border-radius:0;border-bottom:2px solid transparent;white-space:normal;text-align:center}.nav-label{line-height:1.15}.nav-caption{margin-top:2px;line-height:1.15}.nav-label{font-size:.78rem}.nav-caption{font-size:.66rem}.hero-band{padding:44px 0 124px}.deep-band{padding-bottom:120px}.puffer-spot{top:-12px;right:0}.puffer-spot .puffer{width:40px;height:35px}.feedback-caught .feedback-head,.feedback-caught .feedback-sub{padding-right:52px}.results-mascot{display:none}.fact-grid,.who-grid{grid-template-columns:1fr}.age-bars li{grid-template-columns:66px 1fr 58px;gap:8px}.hero-example{margin-top:48px}.nav-link.active{background:none;color:var(--dark-teal);border-bottom-color:var(--dark-teal)}.nav-link.active .nav-caption{color:var(--dark-teal)}.hero-title{font-size:2.1rem}.hero-subtitle{font-size:1.15rem}.page-header h1{font-size:1.55rem}.button-row .btn{flex:1 1 auto;padding:10px 14px;white-space:nowrap}.email-subject{padding:16px 16px 10px}.email-meta,.email-body{padding-left:16px;padding-right:16px}.email-time{display:none}.footer-inner{flex-direction:column}}