.identify-examples{text-align:center;margin-top:28px}.identify-examples-title{color:#1b1b1b;margin:0 0 12px;font-size:.95rem;font-weight:600}.identify-examples-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.identify-example{aspect-ratio:1;border:2px solid var(--home-mint,#91ffbd);cursor:grab;background:#f3fff8;border-radius:14px;padding:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.identify-example:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1118271f}.identify-example:active{cursor:grabbing}.identify-example img{object-fit:cover;width:100%;height:100%;display:block}.identify-examples-hint{color:#6b6b73;margin:10px 0 0;font-size:.8rem}@media (width<=640px){.identify-examples-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.species-matches{--species-matches-width:min(1040px, calc(100vw - 40px));width:var(--species-matches-width);margin-left:calc((100% - var(--species-matches-width)) / 2);box-sizing:border-box;border:2.5px solid var(--home-mint,#91ffbd);background:#fff;border-radius:20px;overflow:hidden}.species-matches-title{border-bottom:1.5px solid var(--home-mint,#91ffbd);letter-spacing:.06em;text-transform:uppercase;color:#5c5c64;background:#f3fff8;margin:0;padding:16px 32px;font-size:.78rem;font-weight:600}.species-match{align-items:center;gap:24px 40px;padding:18px 32px;display:flex}.species-match+.species-match{border-top:1px solid #dff5e8}.species-match-main{flex:1;align-items:center;gap:20px;min-width:0;display:flex}.species-match-image{flex-shrink:0;place-items:center;width:120px;height:64px;display:grid}.species-match-image img{object-fit:contain;max-width:100%;max-height:100%}.species-dialog-option .species-match-image{width:96px;height:52px}.species-match-info{flex:1;min-width:0}.species-match-name{color:#111;margin:0;font-size:1.15rem;font-weight:600}.species-match-latin{color:#5c5c64;margin:2px 0 10px;font-size:.88rem;font-style:italic}.species-match-bar{border:1.5px solid var(--home-mint,#91ffbd);border-radius:999px;width:min(100%,320px);padding:3px}.species-match-fill{box-sizing:border-box;color:#fff;background:#c4c6cc;border-radius:999px;min-width:44px;padding:1px 10px;font-size:.75rem;font-weight:600;line-height:1.5;display:block}.species-match-fill.is-top{background:var(--home-mint,#91ffbd);color:#111}.species-match-ask{flex:none}.species-match--top .species-match-actions{flex-wrap:nowrap}.species-match-question{color:#2c2c32;margin:0 0 12px;font-size:.95rem}.species-match-actions,.species-dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.species-match-btn{white-space:nowrap;border:2px solid var(--home-mint,#91ffbd);min-width:96px;height:44px;font:inherit;color:#1b1b1b;cursor:pointer;background:#fff;border-radius:999px;padding:0 18px;font-size:.95rem;font-weight:600}.species-match-btn:hover{background:#f3fff8}.species-match-btn.is-primary{background:var(--home-mint,#91ffbd);color:#111}.species-match-btn.is-primary:hover{border-color:var(--home-mint-hover,#7aefaa);background:var(--home-mint-hover,#7aefaa)}.species-match-btn:disabled{opacity:.5;cursor:default}.species-match-thanks{color:#1f7a48;margin:0;font-size:.95rem}.species-match-error{color:#b3261e;margin:10px 0 0;font-size:.88rem}.species-dialog-backdrop{z-index:1000;background:#1112168c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.species-dialog{border:2.5px solid var(--home-mint,#91ffbd);box-sizing:border-box;background:#fff;border-radius:24px;width:min(640px,100%);max-height:calc(100vh - 40px);padding:40px 36px 32px;position:relative;overflow:auto;box-shadow:0 24px 64px #00000040}.species-dialog h2{text-align:center;color:#111;margin:0 0 24px;font-size:1.6rem}.species-dialog-close{color:#5c5c64;cursor:pointer;background:0 0;border:none;border-radius:999px;width:40px;height:40px;font-size:1.8rem;line-height:1;position:absolute;top:14px;right:16px}.species-dialog-close:hover{background:#f1f1f3}.species-dialog-lead{color:#2c2c32;margin:0 0 12px;font-size:.98rem}.species-dialog-options{border-bottom:1px solid #dff5e8;flex-direction:column;margin-bottom:24px;display:flex}.species-dialog-option{cursor:pointer;align-items:center;gap:16px;padding:12px 0;display:flex}.species-dialog-option+.species-dialog-option{border-top:1px solid #dff5e8}.species-dialog-option input{accent-color:#2fbf71;flex-shrink:0;width:20px;height:20px}.species-dialog-input{box-sizing:border-box;border:2px solid var(--home-mint,#91ffbd);width:100%;height:48px;font:inherit;border-radius:999px;outline:none;margin-bottom:24px;padding:0 18px;font-size:.95rem}.species-dialog-input:focus{border-color:#2fbf71}.species-dialog-actions{justify-content:flex-end}@media (width<=900px){.species-match--top{flex-direction:column;align-items:stretch}}@media (width<=720px){.species-match{padding:18px 20px}.species-match-main{gap:14px}.species-match-image,.species-dialog-option .species-match-image{width:72px;height:44px}.species-matches-title{padding:14px 20px}.species-match--top{flex-direction:column;align-items:stretch}.species-match-btn{flex:1;min-width:0;padding:0 12px}.species-dialog{padding:36px 20px 24px}}.measure-fish-page{--home-coral:#ff5b3e;--home-coral-hover:#f04a2d;--home-mint:#91ffbd;--home-mint-hover:#7aefaa;--home-ink:#1b1b1b;--home-muted:#6b6b73;--home-canvas:#f4f4f6;background:var(--home-canvas);min-height:100vh;color:var(--home-ink);flex-direction:column;flex:1;font-family:Arial,Helvetica,sans-serif;font-weight:400;display:flex}.measure-fish-page .site-header,.measure-fish-page .profile-nav{margin-bottom:0}.measure-fish-hero{z-index:5;isolation:isolate;color:#fff;flex-direction:column;height:auto;min-height:0;display:flex;position:relative}.measure-fish-hero-media{z-index:0;position:absolute;inset:0;overflow:hidden}.measure-fish-hero-img{object-fit:cover;object-position:center 40%;width:100%;height:100%;position:absolute;inset:0}.measure-fish-hero-shade{z-index:1;background:linear-gradient(#000000d9 0%,#00000073 22%,#0003 55%,#00000059 100%);position:absolute;inset:0}.measure-fish-hero .home-topbar{z-index:10;position:relative}.measure-fish-hero-title{z-index:2;text-align:center;pointer-events:none;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:14px;padding:36px 24px 1.5cm;display:flex;position:relative}.measure-fish-hero-title>*{pointer-events:auto}.measure-fish-hero-photos{mix-blend-mode:lighten;filter:drop-shadow(0 8px 20px #00000059);width:min(260px,58vw);height:auto;display:block}.measure-fish-hero-title h1{letter-spacing:-.02em;text-transform:none;text-wrap:balance;margin:0;font-size:clamp(1.35rem,2.8vw,2.1rem);font-weight:700;line-height:1.2}.measure-fish-hero-subtitle{color:#ffffffeb;max-width:34rem;margin:0;font-size:clamp(.95rem,1.6vw,1.1rem);font-weight:400;line-height:1.4}.measure-fish-hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.measure-fish-hero-cta{background:var(--home-mint);color:#111;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-weight:600;text-decoration:none;display:inline-flex}.measure-fish-hero-cta.is-secondary{color:#fff;background:0 0;border-color:#ffffffb3}.measure-fish-hero-cta:hover{filter:brightness(1.05)}.measure-fish-hero-cta.is-secondary:hover{background:#ffffff1f}.measure-fish-mode-bar{background:#f4f4f6;justify-content:center;width:100%;padding:22px 24px;display:flex}.measure-fish-mode-tabs{flex-wrap:wrap;justify-content:center;gap:14px;width:min(720px,100%);display:flex}.measure-fish-mode-tab{color:#111;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:0 24px;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex;box-shadow:0 8px 22px #1b1b1b1f}.measure-fish-mode-icon{object-fit:contain;image-rendering:auto;filter:brightness(0);flex-shrink:0;width:20px;height:19px;display:block}.measure-fish-mode-tab:hover{color:#111}.measure-fish-mode-tab.is-active{background:var(--home-mint);color:#111;box-shadow:0 8px 22px #91ffbd59}.measure-fish-mode-tab.is-active:hover{background:var(--home-mint-hover);color:#111}.measure-fish-tm{vertical-align:super;margin-left:1px;font-size:.65em;font-weight:500;line-height:0}.measure-fish-main{background:#f4f4f6;flex:1;justify-content:center;padding:40px 24px 80px;display:flex}.measure-fish-inner{text-align:center;width:min(720px,100%)}.measure-fish-panel{animation:.35s ease-out measure-fish-panel-in}@keyframes measure-fish-panel-in{0%{opacity:0;transform:translateY(-1cm)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.measure-fish-panel{animation:none}}.measure-fish-lead{color:var(--home-coral);margin:0;font-size:1.25rem;font-weight:600;line-height:1.45}.measure-fish-lead-sub{color:#b0b0b6;margin:8px 0 0;font-size:.9rem;font-style:normal;line-height:1.45}.measure-fish-disclaimer{color:#6b6b73;max-width:40rem;margin:0 auto;font-size:1.05rem;font-style:normal;font-weight:400;line-height:1.45}.measure-fish-disclaimer+.measure-fish-lead-sub{margin-top:8px}.measure-fish-form{text-align:left;flex-direction:column;gap:22px;margin-top:32px;display:flex}.measure-fish-file{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.measure-fish-drop{aspect-ratio:3.4;border:2.5px dashed var(--home-mint);color:#111;cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:0;padding:20px 16px;font-family:inherit;font-weight:400;display:flex}.measure-fish-drop:hover{border-color:var(--home-mint);background:#f3fff8}.measure-fish-drop-icon{object-fit:contain;flex-shrink:0;width:80px;height:auto;display:block}.measure-fish-drop-hint{color:#111;font-size:15px}.measure-fish-result{text-align:left;flex-direction:column;gap:20px;display:flex}.measure-fish-result-top{align-items:center;min-height:44px;display:flex;position:relative}.measure-fish-result-title{text-align:center;width:100%;color:var(--home-ink);margin:0;font-size:1.35rem;font-weight:600}.measure-fish-back{border:1.5px solid var(--home-mint);color:#111;cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.measure-fish-result-top .measure-fish-back{z-index:1;position:absolute;top:50%;left:0;transform:translateY(-50%)}.measure-fish-back:hover{background:#f3fff8}.measure-fish-result-frame{border:2.5px dashed var(--home-mint);background:#fff;border-radius:16px;position:relative;overflow:hidden}.measure-fish-result-frame img{object-fit:contain;background:#f7f7f8;width:100%;max-height:520px;display:block}.measure-fish-result-overlay{text-align:center;background:#ffffffd1;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.measure-fish-result-overlay p{color:var(--home-ink);margin:0;font-size:1rem;font-weight:600}.measure-fish-result-overlay-hint{color:var(--home-muted)!important;font-size:.9rem!important;font-weight:400!important}.measure-fish-spinner{border:3px solid #1111111f;border-top-color:var(--home-coral,#ff5b3e);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite measure-fish-spin}@keyframes measure-fish-spin{to{transform:rotate(360deg)}}.measure-fish-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.measure-fish-result-stats>div{border:2.5px solid var(--home-mint);text-align:left;background:#fff;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;padding:14px 18px;display:grid}.measure-fish-stat-icon{color:#1f7a48;background:#f3fff8;border-radius:999px;grid-row:1/3;place-items:center;width:44px;height:44px;display:grid}.measure-fish-result-stats dt{color:var(--home-muted);margin:0 0 2px;font-size:.8rem}.measure-fish-result-stats dd{color:var(--home-ink);word-break:break-word;margin:0;font-size:1.15rem;font-weight:600}.measure-fish-result-error{color:#8a2a1a;background:#fff4f2;border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;padding:16px;display:flex}.measure-fish-result-error p{margin:0;font-size:.95rem;line-height:1.4}.measure-fish-result-error .measure-fish-error-detail{overflow-wrap:anywhere;background:#fff;border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.measure-fish-result-bottom{justify-content:flex-start;display:flex}@media (width<=640px){.measure-fish-result-stats>div{column-gap:10px;padding:12px}.measure-fish-stat-icon{width:36px;height:36px}}.measure-fish-preview{flex-direction:column;gap:12px;display:flex}.measure-fish-preview img{object-fit:contain;background:#fff;border-radius:16px;width:100%;max-height:420px;display:block}.measure-fish-preview-actions{gap:18px;display:flex}.measure-fish-text-btn{color:#ff5b3e;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:14px}.measure-fish-text-btn:hover{color:#f04a2d}.measure-fish-field{color:#111;flex-direction:column;gap:8px;font-size:14px;display:flex}.measure-fish-input-wrap{background:#fff;border:1px solid #e6e6e8;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:0 16px;display:flex}.measure-fish-input-wrap:focus-within{border-color:#ff5b3e}.measure-fish-input-wrap input{color:#111;background:0 0;border:0;outline:none;flex:1;min-width:0;font-family:inherit;font-size:16px}.measure-fish-unit{color:#6b6b73;font-size:15px}.measure-fish-submit{background:var(--home-mint);color:#111;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:10px;min-width:240px;min-height:52px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:600;display:inline-flex}.measure-fish-submit-icon{place-items:center;display:grid}.measure-fish-submit:hover:not(:disabled){background:var(--home-mint-hover)}.measure-fish-submit:disabled{opacity:.45;cursor:default}@media (width<=640px){.measure-fish-hero{height:auto;min-height:0}.measure-fish-hero-title{gap:12px;padding:24px 16px 1.5cm}.measure-fish-hero-photos{width:min(210px,64vw)}.measure-fish-mode-bar{padding:16px}.measure-fish-mode-tabs{gap:10px}.measure-fish-mode-tab{flex:auto;gap:8px;min-height:48px;padding:0 14px;font-size:.82rem}.measure-fish-main{padding:28px 16px 56px}.measure-fish-lead{font-size:1.05rem}}