.fish-phone button:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}.fish-phone input:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}.fish-phone select:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}.fish-phone a:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}.fish-phone summary:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}@media (min-width:520px){.phone-header{padding:30px 38px 25px}.phone-wordmark{font-size:38px}.phone-connection{font-size:13px}.phone-main{padding:0 38px 115px}.phone-main h1{margin-bottom:24px}.phone-fish-stage{border-radius:29px}.phone-segment button{font-size:16px}.builder-fields{gap:25px}.builder-row{padding-left:100px}.builder-row legend,.builder-row-label{width:94px;font-size:15px}.body-icon{width:82px;height:82px}.body-option{gap:7px;font-size:12px}.fins-row{grid-template-columns:94px 1fr;padding-left:0}.detail-selects select{padding-left:13px;font-size:14px}.palette-options{gap:9px}.preview-caption{margin:9px 0 17px;font-size:13px}.release-button{min-height:59px;margin-top:30px;font-size:22px}.action-caption{font-size:12px}}@media (max-width:370px){.phone-header,.phone-main{padding-left:18px;padding-right:18px}.phone-wordmark{font-size:29px}.builder-row{padding-left:65px}.builder-row legend{width:60px;font-size:12px}.fins-row{grid-template-columns:59px 1fr;padding-left:0}.body-icon{width:59px;height:59px}.phone-connection{max-width:212px;font-size:10px}.palette-options{gap:5px}}@media (prefers-reduced-motion:reduce){.fish-phone *,.fish-phone :before,.fish-phone :after{scroll-behavior:auto;transition:none!important}}@supports (color:lab(0% 0 0)){.fish-phone{--phone-accent-soft:lab(93.3642% -8.48308 .749826);--phone-online:lab(55.1838% -39.9387 15.6978);--phone-warn:lab(67.2843% 20.4075 55.0768);--phone-danger:lab(46.2982% 49.2951 36.5282)}}@media (prefers-reduced-motion:reduce){.control-quick button,.toggle-control input[role=switch],.toggle-control input[role=switch]:after{transition:none}}.fish-phone{--phone-paper:#faf9f5;--phone-ink:#102d36;--phone-teal:#0b464c;--phone-muted:#6f8289;--phone-line:#e1e6e0;--phone-soft:#eef0e9;color:var(--phone-ink);background:var(--phone-paper);-webkit-font-smoothing:antialiased;min-height:100svh;font-family:Nunito Sans,Avenir Next,system-ui,sans-serif;line-height:1.5}.fish-phone *,.fish-phone :before,.fish-phone :after{box-sizing:border-box}.fish-phone :where(button,input,select){font:inherit}.fish-phone button{cursor:pointer;-webkit-tap-highlight-color:transparent}.fish-phone button:disabled{cursor:default;opacity:.55}.fish-phone button:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}.fish-phone input:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}.fish-phone select:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}.fish-phone a:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}.fish-phone summary:focus-visible{outline-offset:4px;outline:3px solid #3f8d8c}.phone-shell{max-width:640px;margin:0 auto}.phone-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 25px 14px;display:flex}.phone-wordmark{color:var(--phone-teal);letter-spacing:-.8px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:700;line-height:1.15;text-decoration:none}.phone-connection{color:var(--phone-muted);text-align:left;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0 0;font-size:11px;display:flex}.phone-connection:disabled{opacity:1}.connection-indicator{background:#a4afaa;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.is-connected .connection-indicator{background:#60ac6e}.phone-language{border:1px solid var(--phone-line);border-radius:24px;align-items:center;margin-top:3px;display:flex;position:relative}.phone-language select{-webkit-appearance:none;appearance:none;color:var(--phone-ink);cursor:pointer;background:0 0;border:0;border-radius:24px;padding:8px 29px 8px 14px;font-size:13px}.phone-language svg{pointer-events:none;position:absolute;right:9px}.phone-main{padding:0 24px 112px}.phone-main h1{letter-spacing:-.9px;margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:max(29px,min(7.7vw,44px));font-weight:500;line-height:1.13}.phone-main h2{font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500;line-height:1.2}.phone-segment{border:1px solid var(--phone-line);background:#f0f1ec;border-radius:27px;padding:2px;display:flex;overflow:hidden}.phone-segment button{color:var(--phone-ink);background:0 0;border:0;border-radius:24px;flex:1;min-height:42px;padding:9px 12px;font-size:14px}.phone-segment button[aria-selected=true],.phone-segment button[aria-pressed=true]{color:#fffaf0;background:var(--phone-teal)}.mode-segment{margin:0 0 12px}.phone-fish-stage{aspect-ratio:1.85;isolation:isolate;background:#cfe3de;border-radius:24px;height:auto;margin:0 -10px;overflow:hidden}.phone-fish-preview{width:100%;height:100%}.phone-fish-stage canvas{width:100%;height:100%;display:block}.preview-caption{text-align:center;color:var(--phone-muted);margin:6px 0 11px;font-size:11px}.builder-fields{gap:16px;padding:0 1px;display:grid}.builder-row{border:0;min-inline-size:0;margin:0;padding:0 0 0 72px;position:relative}.builder-row legend{width:66px;padding:0;font-size:13px;line-height:1.4;position:absolute;top:10px;left:0}.body-row legend{top:12px}.body-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.body-option{color:var(--phone-ink);background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;font-size:10px;line-height:1.2;display:flex}.body-icon{color:#6a7c80;background:#eeefe8;border:2px solid #0000;border-radius:50%;place-items:center;width:64px;max-width:100%;height:64px;display:grid}.body-option.selected .body-icon{border-color:var(--phone-teal);background:var(--phone-paper);box-shadow:0 0 0 3px var(--phone-paper) inset}.palette-row legend{top:5px}.palette-options{grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:6px;display:grid}.palette-option{aspect-ratio:1;color:#102d36;border:0;border-radius:50%;place-items:center;width:100%;max-width:43px;min-height:24px;padding:0;display:grid;box-shadow:inset 0 0 0 1px #00000009}.palette-option.selected{outline:2px solid var(--phone-teal);outline-offset:3px}.palette-option svg{width:14px;height:14px}.fins-row{grid-template-columns:66px minmax(0,1fr);align-items:center;gap:6px;padding:0;display:grid}.builder-row-label{font-size:12px;line-height:1.3}.detail-selects{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-selects label{align-items:center;min-width:0;display:flex;position:relative}.detail-selects select{border:1px solid var(--phone-line);background:var(--phone-paper);width:100%;color:var(--phone-ink);-webkit-appearance:none;appearance:none;border-radius:11px;min-height:44px;padding:12px 23px 12px 9px;font-size:12px}.detail-selects svg{pointer-events:none;width:13px;position:absolute;right:7px}.size-row legend{top:10px}.size-segment{border-radius:12px}.size-segment button{border-radius:10px;min-height:34px;padding:4px 8px;font-size:13px}.phone-primary,.phone-secondary{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:11px 17px;text-decoration:none;display:inline-flex}.phone-primary{background:var(--phone-teal);color:#fffaf0;border:0;width:100%;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.25}.phone-primary svg{flex-shrink:0}.phone-primary:hover:not(:disabled){background:#07383e}.phone-secondary{border:1px solid var(--phone-line);color:var(--phone-ink);background:var(--phone-paper);font-size:13px}.phone-secondary:hover:not(:disabled){background:#f2f4ec;border-color:#a5b9b2}.phone-secondary.selected{border-color:var(--phone-teal);background:#e4eeea}.release-button{border-radius:28px;min-height:52px;margin-top:20px}.action-caption{color:var(--phone-muted);text-align:center;margin:8px 0 0;font-size:10px;line-height:1.5}.action-caption span{padding:0 3px}.phone-description{color:var(--phone-muted);margin:-5px 0 22px;font-size:14px;line-height:1.65}.phone-help{color:var(--phone-muted);margin:9px 0;font-size:11px;line-height:1.65}.phone-field{gap:6px;margin-bottom:14px;font-size:13px;display:grid}.phone-field select,.promo-panel input{background:var(--phone-paper);border:1px solid var(--phone-line);width:100%;min-height:45px;color:var(--phone-ink);border-radius:10px;padding:10px 12px}.photo-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.photo-actions .phone-secondary{padding:11px 9px;font-size:12px}.photo-preview,.photo-empty{background:#eef1e9;border-radius:21px;min-height:220px;overflow:hidden}.photo-preview img{object-fit:contain;width:100%;min-height:220px;max-height:340px;display:block}.result-preview{background:#d9e8e0}.photo-empty{color:var(--phone-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.photo-empty p{margin:12px 0 0;font-size:13px}.photo-empty p:last-child{font-size:11px;line-height:1.6}.phone-mock-badge{color:#6a612d;background:#f0ead3;border-radius:6px;margin:14px 0 0;padding:4px 9px;font-size:10px;display:inline-flex}.phone-photo-panel>.phone-primary{margin-top:13px}.phone-notice{color:#24534b;background:#eef4ed;border:1px solid #c9dbcf;border-radius:12px;margin-top:18px;padding:12px 15px;font-size:12px}.phone-notice.is-error{color:#853e2b;background:#fcf1ec;border-color:#e8c5b9}.phone-bottom-nav{z-index:5;width:100%;max-width:640px;padding:10px 16px calc(9px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(12px);background:#faf9f5f5;border-top:1px solid #e9ebe5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.phone-bottom-nav button{min-height:54px;color:var(--phone-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:3px 5px 8px;font-size:11px;display:flex;position:relative}.phone-bottom-nav button.active{color:var(--phone-teal)}.phone-bottom-nav button.active:after{content:"";background:var(--phone-teal);border-radius:2px;width:36px;height:2px;position:absolute;bottom:1px}.species-picker{flex-wrap:wrap;gap:6px;margin-bottom:17px;display:flex}.species-picker button{border:1px solid var(--phone-line);color:var(--phone-muted);background:0 0;border-radius:19px;min-height:35px;padding:8px 11px;font-size:11px}.species-picker button.selected{background:var(--phone-teal);color:var(--phone-paper);border-color:var(--phone-teal)}.education-stage,.quiz-stage{aspect-ratio:1.45}.species-card{padding:17px 0 15px}.species-card h2{margin:0 0 4px}.scientific-name{color:var(--phone-muted);margin:0 0 18px;font-size:13px}.species-card>ul{margin:0;padding-left:20px;font-size:14px;line-height:1.7}.species-card li+li{margin-top:8px}.species-sources{color:var(--phone-muted);margin-top:18px;font-size:11px}.species-sources summary{cursor:pointer;padding:7px 0}.species-sources ul{padding-left:18px}.species-sources a{color:var(--phone-teal);overflow-wrap:anywhere}.quiz-options{gap:8px;margin:17px 0;display:grid}.quiz-options .phone-secondary{text-align:center;width:100%}.quiz-feedback{color:var(--phone-teal);padding:6px 0 15px;font-size:14px}.quiz-feedback p{color:var(--phone-muted);font-size:12px}.phone-text-button{width:100%;color:var(--phone-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:15px 0;font-size:12px;display:flex}.quota-copy{border-top:1px solid var(--phone-line);margin-top:26px;padding-top:13px}.phone-quota-summary{border:1px solid var(--phone-line);background:#f2f4ec;border-radius:12px;flex-wrap:wrap;gap:10px 24px;margin:0 0 20px;padding:12px 15px;display:flex}.phone-quota-summary>div{flex:1;min-width:115px}.phone-quota-summary dt{color:var(--phone-muted);font-size:10px}.phone-quota-summary dd{color:var(--phone-teal);margin:2px 0 0;font-size:21px}.phone-dialog-overlay{z-index:20;backdrop-filter:blur(7px);background:#132f3c66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.phone-join-dialog{background:var(--phone-paper);border-radius:25px;width:100%;max-width:410px;max-height:calc(100svh - 40px);padding:32px 26px 26px;position:relative;overflow-y:auto;box-shadow:0 20px 80px #12303925}.phone-join-dialog>svg{color:var(--phone-teal)}.phone-join-dialog h2{margin:17px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:27px;font-weight:500;line-height:1.2}.phone-join-dialog p{color:var(--phone-muted);font-size:13px;line-height:1.65}.phone-join-dialog form{gap:10px;display:grid}.phone-join-dialog form label{font-size:12px}.phone-join-dialog form input{letter-spacing:.24em;text-align:center;width:100%;min-height:58px;color:var(--phone-ink);background:var(--phone-paper);border:1px solid var(--phone-line);border-radius:12px;padding:10px 12px 10px 20px;font-size:27px}.phone-join-dialog .phone-primary{margin-top:7px}.dialog-close{color:var(--phone-muted);background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:13px;right:13px}.phone-join-dialog .dialog-error{color:#853e2b}.phone-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:520px){.phone-header{padding:30px 38px 25px}.phone-wordmark{font-size:38px}.phone-connection{font-size:13px}.phone-main{padding:0 38px 115px}.phone-main h1{margin-bottom:24px}.phone-fish-stage{border-radius:29px}.phone-segment button{font-size:16px}.builder-fields{gap:25px}.builder-row{padding-left:100px}.builder-row legend,.builder-row-label{width:94px;font-size:15px}.body-icon{width:82px;height:82px}.body-option{gap:7px;font-size:12px}.fins-row{grid-template-columns:94px 1fr;padding-left:0}.detail-selects select{padding-left:13px;font-size:14px}.palette-options{gap:9px}.preview-caption{margin:9px 0 17px;font-size:13px}.release-button{min-height:59px;margin-top:30px;font-size:22px}.action-caption{font-size:12px}}@media (max-width:370px){.phone-header,.phone-main{padding-left:18px;padding-right:18px}.phone-wordmark{font-size:29px}.builder-row{padding-left:65px}.builder-row legend{width:60px;font-size:12px}.fins-row{grid-template-columns:59px 1fr;padding-left:0}.body-icon{width:59px;height:59px}.phone-connection{max-width:212px;font-size:10px}.palette-options{gap:5px}}@media (prefers-reduced-motion:reduce){.fish-phone *,.fish-phone :before,.fish-phone :after{scroll-behavior:auto;transition:none!important}}.phone-entry-hint{color:#2f625b;background:#edf4ee;border:1px solid #c8ddd1;border-radius:12px;margin:0 0 18px;padding:12px 14px;font-size:12px;line-height:1.6}.phone-trial-hint{color:var(--phone-muted);margin:-5px 0 16px;font-size:11px;line-height:1.55}.promo-format-switch{text-underline-offset:3px;justify-content:flex-start;width:auto;min-height:36px;padding:8px 0;font-size:11px;text-decoration:underline}.mode-segment button{min-width:0;padding-inline-start:7px;padding-inline-end:7px;font-size:12px;line-height:1.25}.builder-row.phone-field{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:6px;padding-left:0;display:grid}.builder-row.phone-field>span{font-size:13px}.builder-row.phone-field select{width:100%;min-width:0}.phone-diagnostics{margin-top:24px}.phone-diagnostics summary{cursor:pointer;padding:12px 0}.fish-phone .phone-feed-button{border:1px solid var(--phone-line);width:100%;min-height:48px;color:var(--phone-teal);background:#f3efe3;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin:0 0 14px;font-weight:600;display:flex}.fish-phone .phone-feed-button:disabled{opacity:.55;cursor:default}.fish-phone .kind-segment{grid-template-columns:repeat(4,1fr);display:grid}.fish-phone .kind-segment button{min-height:44px;padding:0 4px;font-size:14px}.fish-phone{--phone-accent-soft:#dbf1ea;--phone-online:#2b9667;--phone-warn:#d8953d;--phone-danger:#bd4334}@supports (color:lab(0% 0 0)){.fish-phone{--phone-accent-soft:lab(93.3642% -8.48308 .749826);--phone-online:lab(55.1838% -39.9387 15.6978);--phone-warn:lab(67.2843% 20.4075 55.0768);--phone-danger:lab(46.2982% 49.2951 36.5282)}}.phone-controls h1{margin-bottom:18px}.control-heading{letter-spacing:.01em;color:var(--phone-ink);margin:0 0 12px;font-size:15px;font-weight:700}.control-now{padding-bottom:22px}.control-status{color:var(--phone-muted);flex-wrap:wrap;gap:8px 16px;margin:0 0 16px;padding:0;font-size:14px;list-style:none;display:flex}.control-status li{align-items:center;gap:7px;display:inline-flex}.control-status li.is-on svg{color:var(--phone-online)}.control-status li.is-off,.control-status li.is-paused{color:var(--phone-ink)}.control-status li.is-off svg,.control-status li.is-paused svg{color:var(--phone-warn)}.control-status strong{color:var(--phone-ink);font-variant-numeric:tabular-nums;font-size:16px}.control-quick{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.control-quick button{border:1px solid var(--phone-line);background:var(--phone-accent-soft);min-height:84px;color:var(--phone-teal);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 6px;font-size:13px;font-weight:600;line-height:1.25;transition:background-color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1);display:flex}.control-quick button:active:not(:disabled){transform:scale(.97)}.control-quick button[aria-pressed=true],.control-quick button[aria-expanded=true]{background:var(--phone-teal);color:var(--phone-paper);border-color:var(--phone-teal)}.control-quick button:disabled{opacity:.5;cursor:default}.control-invite{border:1px solid var(--phone-line);background:var(--phone-paper);border-radius:16px;align-items:center;gap:16px;margin-top:14px;padding:14px;display:flex}.control-invite img{border-radius:8px;flex:none}.control-invite p{margin:6px 0 0;font-size:13px;line-height:1.5}.control-invite-code{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--phone-teal);font-size:30px;font-weight:700;display:block}.control-group{border-top:1px solid var(--phone-line);padding:20px 0 8px}.control-row{gap:9px;margin-bottom:18px;display:grid}.control-label{color:var(--phone-ink);font-size:14px}.theme-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.theme-choice{border:1px solid var(--phone-line);background:var(--phone-paper);color:var(--phone-ink);border-radius:14px;gap:8px;padding:8px 8px 10px;font-size:14px;display:grid}.theme-choice[aria-pressed=true]{border-color:var(--phone-teal);box-shadow:inset 0 0 0 1px var(--phone-teal);font-weight:600}.theme-water{border-radius:9px;height:46px;display:block}.theme-reef .theme-water{background:linear-gradient(#4f929d,#104355 70%,#c3b69b);background:linear-gradient(lab(56.4626% -19.7013 -13.1126),lab(25.9801% -12.2127 -15.5227) 70%,lab(74.6134% 1.61481 15.6198))}.theme-lagoon .theme-water{background:linear-gradient(#72b3a6,#306965 70%,#c0c8ac);background:linear-gradient(lab(68.3987% -24.1293 -.201225),lab(40.3631% -20.1992 -4.05771) 70%,lab(79.5299% -6.60843 13.394))}.light-segment button,.duration-segment button{justify-content:center;align-items:center;gap:6px;padding-inline-start:6px;padding-inline-end:6px;display:inline-flex}.control-stepper{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.control-stepper small{color:var(--phone-muted);margin-top:3px;font-size:12px;line-height:1.5;display:block}.stepper-buttons{flex:none;align-items:center;gap:4px;display:flex}.stepper-buttons button{border:1px solid var(--phone-line);background:var(--phone-paper);width:48px;height:48px;color:var(--phone-teal);border-radius:50%;place-items:center;display:grid}.stepper-buttons button:disabled{opacity:.35;cursor:default}.stepper-buttons output{text-align:center;font-variant-numeric:tabular-nums;min-width:2.2ch;color:var(--phone-ink);font-size:22px;font-weight:700}.toggle-control{justify-content:space-between;align-items:center;gap:20px;padding:12px 0;font-size:14px;display:flex}.toggle-control input[role=switch]{-webkit-appearance:none;appearance:none;background:var(--phone-line);cursor:pointer;border-radius:14px;flex:none;width:46px;height:28px;margin:0;transition:background-color .18s cubic-bezier(.22,1,.36,1);position:relative}.toggle-control input[role=switch]:after{content:"";background:var(--phone-paper);border-radius:50%;width:22px;height:22px;transition:transform .18s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #1b323440;box-shadow:0 1px 2px lab(19.0939% -9.44014 -3.9048/.25)}.toggle-control input[role=switch]:checked{background:var(--phone-teal)}.toggle-control input[role=switch]:checked:after{transform:translate(18px)}.control-more{border-top:1px solid var(--phone-line);padding:6px 0}.control-more>summary{cursor:pointer;padding:14px 0;font-size:15px;font-weight:700}.control-more>:not(summary)+:not(summary){margin-top:10px}.control-more .phone-secondary{width:100%}.promo-form{gap:9px;display:grid}.promo-form input{background:var(--phone-paper);border:1px solid var(--phone-line);width:100%;min-height:48px;color:var(--phone-ink);letter-spacing:.12em;border-radius:10px;padding:10px 12px;font-size:16px}.control-confirm{border:1px solid var(--phone-danger);border-radius:14px;padding:14px}.control-confirm p{margin:0 0 12px;font-size:14px;line-height:1.5}.control-confirm div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.phone-danger{background:var(--phone-danger);min-height:46px;color:var(--phone-paper);border:0;border-radius:12px;justify-content:center;align-items:center;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.control-quick button,.toggle-control input[role=switch],.toggle-control input[role=switch]:after{transition:none}}@supports not (aspect-ratio:1){.screen-page{height:100vh}.aquarium-canvas,.webgl-unavailable,.screen-pairing-overlay{top:0;bottom:0;left:0;right:0}.screen-brand{top:24px;left:28px}.screen-brand>*+*{margin-top:4px}.screen-brand .brand{font-size:20px}.screen-invite{width:150px;top:24px;right:28px}.screen-invite img{height:auto}.invite-summary>*+*{margin-top:8px}.screen-footer{bottom:24px;left:28px;right:28px}.screen-footer>*+*{margin-left:12px}.screen-footer nav>*+*{margin-left:6px}.screen-pairing-dialog{width:390px;max-width:100%;max-height:calc(100vh - 48px)}.screen-pairing-dialog>*+*{margin-top:12px}.screen-pairing-dialog>img{width:230px;max-width:100%;height:auto}.demo-launch h1{font-size:44px}.demo-actions>*+*{margin-left:9px}.demo-actions button>*+*,.back-link>*+*{margin-left:10px}button:focus,a:focus,select:focus,input:focus{outline-offset:4px;outline:3px solid #daa962}}:root{color:#123b40;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f8f8f3;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible{outline-offset:4px;outline:3px solid #daa962}a:focus-visible{outline-offset:4px;outline:3px solid #daa962}select:focus-visible{outline-offset:4px;outline:3px solid #daa962}input:focus-visible{outline-offset:4px;outline:3px solid #daa962}a{color:inherit}button svg{flex-shrink:0}.screen-page{color:#f4f4e9;background:#183e4c;height:100dvh;min-height:500px;position:relative;overflow:hidden}.aquarium-canvas{position:absolute;top:0;bottom:0;left:0;right:0}.aquarium-canvas canvas{width:100%;height:100%;display:block}.screen-brand{text-shadow:0 1px 6px #0e313566;flex-direction:column;gap:8px;display:flex;position:absolute;top:5%;left:5%}.brand{letter-spacing:-1.5px;font-size:max(24px,min(2.7vw,42px));font-weight:650;text-decoration:none}.back-to-jonny{color:#e1e8dfb8;font-size:14px;text-decoration:none}.screen-invite{backdrop-filter:blur(10px);text-align:center;background:#123540bd;border:1px solid #b9d5d23b;border-radius:15px;width:max(180px,min(13vw,230px));padding:18px 16px 14px;position:absolute;top:5%;right:5%;box-shadow:0 8px 35px #001f282e}.screen-invite h2{margin:0 0 13px;font-size:15px;font-weight:550;line-height:1.35}.screen-invite img{aspect-ratio:1;border-radius:5px;width:100%;display:block}.screen-invite strong{font-variant-numeric:tabular-nums;letter-spacing:4px;margin-top:12px;font-size:25px;display:block}.screen-invite p{color:#e1efe6c4;margin:10px 0 0;font-size:12px;line-height:1.5}.qr-wait{padding:45px 0}.screen-footer{justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute;bottom:5%;left:5%;right:5%}.screen-footer nav{align-items:center;gap:10px;display:flex}.icon-button,.screen-footer select{color:#f4f9eb;backdrop-filter:blur(8px);background:#15383db8;border:1px solid #eaf3e63b;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.screen-footer select{border-radius:24px;width:auto;padding:0 16px}.mode-badge{color:#d7e4d4bd;background:#10343b90;border-radius:8px;padding:7px 11px;font-size:11px;display:inline-block}.species-caption{text-shadow:0 1px 4px #102d37;max-width:60vw;margin:12px 0 0;font-size:14px;font-weight:550}.species-caption .species-entry{white-space:nowrap}.species-caption i{color:#dfebdfc4;font-weight:400}.screen-status{color:#f5e8c5;max-width:430px;margin:10px 0 0;font-size:13px}.demo-launch{text-shadow:0 2px 25px #082a3b99;max-width:540px;position:absolute;bottom:17%;left:5%}.eyebrow{letter-spacing:2.5px;text-transform:uppercase;font-size:11px}.demo-launch h1{letter-spacing:-1.5px;margin:16px 0;font-family:Georgia,Times New Roman,serif;font-size:max(32px,min(3.8vw,58px));font-weight:400;line-height:1.08}.demo-launch p{color:#dfebe7;max-width:440px;font-size:16px;line-height:1.6}.demo-actions{gap:12px;margin-top:24px;display:flex}.demo-actions button{color:#173e42;background:#f5f5e8;border:0;border-radius:28px;align-items:center;gap:12px;padding:15px 22px;font-weight:550;display:flex}.demo-actions .glass-button{color:#f2f3e8;background:#123b46ad;border:1px solid #dae8df4d}.diagnostics{backdrop-filter:blur(12px);background:#11343fed;border-radius:18px;width:300px;padding:24px;position:absolute;bottom:13%;right:5%;box-shadow:0 12px 40px #0a202644}.diagnostics>button{float:right;width:32px;height:32px}.diagnostics h2{font-size:17px;font-weight:500}.diagnostics p{color:#bfd9d4;font-size:13px;line-height:1.5}.diagnostics dl>div{color:#cbded8;justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.diagnostics dd{font-variant-numeric:tabular-nums;margin:0}.diagnostics a{font-size:13px}.webgl-unavailable{place-items:center;font-size:28px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.setup-page{max-width:500px;margin:6vh auto;padding:24px}.setup-page h1{font-family:Georgia,serif;font-size:38px;font-weight:400}.setup-page p{color:#61797b;line-height:1.6}.setup-page input{border:1px solid #bbc9c2;border-radius:10px;width:100%;margin:10px 0 20px;padding:14px;display:block}.setup-page button{color:#fff;background:#16484c;border:0;border-radius:25px;width:100%;padding:15px}.back-link{align-items:center;gap:10px;font-size:14px;text-decoration:none;display:inline-flex}.fish-preview{min-height:210px;position:relative;overflow:hidden}.fish-preview canvas{width:100%;height:100%;display:block}.preview-fallback{text-align:center;color:#587e7a;place-items:center;height:100%;padding:24px;font-size:14px;line-height:1.5;display:grid}@media (max-width:700px){.screen-brand{top:25px;left:24px}.screen-invite{width:165px;padding:13px;top:25px;right:24px}.screen-invite h2{font-size:13px}.screen-invite p{font-size:11px}.screen-footer{gap:12px;bottom:24px;left:24px;right:24px}.mode-badge{font-size:10px}.screen-footer nav{gap:6px}.icon-button{width:42px;height:42px}.screen-footer select{height:42px;padding:0 10px}.demo-launch{bottom:135px;left:24px;right:24px}.demo-launch h1{max-width:300px}.demo-launch p{max-width:300px;font-size:14px}.demo-actions{flex-direction:column;align-items:flex-start;gap:9px}.demo-actions button{padding:12px 18px;font-size:14px}.diagnostics{bottom:85px;right:24px}.species-caption{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.screen-page{min-height:100dvh}.screen-brand{gap:4px;top:max(14px,min(2.2vh,28px));left:max(16px,min(2.2vw,32px))}.screen-brand .brand{letter-spacing:-.45px;font-size:max(18px,min(1.2vw,20px));font-weight:600}.screen-brand .back-to-jonny{opacity:.8;font-size:11px}.screen-invite{backdrop-filter:blur(8px);background:#10343ca8;border-radius:12px;width:min(150px,23vw);min-width:106px;padding:10px;top:max(14px,min(2.2vh,28px));right:max(16px,min(2.2vw,32px))}.invite-summary{color:#f4f8ed;width:100%;font:inherit;text-align:center;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.invite-title{font-size:11px;font-weight:550;line-height:1.3}.screen-invite .invite-summary img{aspect-ratio:1;width:100%;max-width:128px;image-rendering:pixelated;border-radius:4px;margin:0}.screen-invite .invite-summary strong{letter-spacing:2px;margin:0;font-size:18px;line-height:1.15}.invite-expand-hint{color:#deebe4ba;font-size:9px;line-height:1.2}.screen-invite .qr-wait{padding:25px 0;font-size:11px;display:block}.screen-footer{bottom:max(14px,min(2.2vh,28px));left:max(16px,min(2.2vw,32px));right:max(16px,min(2.2vw,32px))}.screen-pairing-overlay{z-index:40;backdrop-filter:blur(7px);background:#092a39a8;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.screen-pairing-dialog{color:#143c43;text-align:center;background:#faf9f2;border-radius:20px;flex-direction:column;align-items:center;width:min(390px,100%);max-height:calc(100dvh - 48px);padding:28px;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 80px #001a2959}.screen-pairing-dialog h2{margin:3px 28px 20px;font-size:20px;font-weight:550;line-height:1.3}.screen-pairing-dialog>img{aspect-ratio:1;width:min(320px,100%);image-rendering:pixelated;border-radius:7px;display:block}.screen-pairing-dialog>strong{font-variant-numeric:tabular-nums;letter-spacing:5px;margin:14px 0 0;font-size:30px}.screen-pairing-dialog p{color:#536f72;margin:16px 0 0;font-size:13px;line-height:1.55}.screen-pairing-dialog .pairing-trial-hint{color:#6b8281;font-size:11px}.pairing-close{color:#1d5157;background:#e8efea;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:10px;right:10px}.setup-page .setup-free-button{color:#184a4f;background:#eef4ee;border:1px solid #9fbab5;margin:0 0 24px}@media (max-width:700px){.screen-invite{width:min(140px,24vw);min-width:106px}.screen-brand .back-to-jonny{font-size:10px}.screen-pairing-dialog{padding:24px 20px}.screen-pairing-dialog h2{font-size:18px}.screen-footer .mode-badge{padding:5px 8px;font-size:9px}}@media (max-height:460px){.screen-invite{width:112px;min-width:0;padding:8px}.invite-expand-hint,.screen-brand .back-to-jonny{display:none}.screen-pairing-dialog{padding:15px 22px}.screen-pairing-dialog h2{margin:0 25px 12px;font-size:17px}.screen-pairing-dialog>img{width:min(230px,45dvh)}.screen-pairing-dialog p{margin-top:10px;font-size:11px}.screen-pairing-dialog .pairing-trial-hint{font-size:10px}}.diagnostics{max-height:72vh;overflow:auto}.diagnostics dl{overscroll-behavior:contain;max-height:40vh;overflow:auto}.diagnostics dd{overflow-wrap:anywhere;text-align:right;max-width:58%}