body{font-family:var(--font-body,"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif);background:var(--surface-muted,#f3f6f8);color:var(--text-primary,#1a2a36);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}input[type=radio]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.skip-to-content{z-index:9999;background:var(--brand-dark);color:var(--text-on-dark);font-family:var(--font-body);border-radius:0 0 var(--radius) 0;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-to-content:focus{left:0}:root{--brand-dark:#043d5d;--brand-dark-hover:#032f47;--brand-medium:#4d6d7e;--brand-light:#6fa0a2;--brand-sec-dark:#4d545b;--brand-sec-light:#6d98c1;--brand-dark-90:#043d5de6;--brand-dark-10:#043d5d1a;--brand-dark-05:#043d5d0d;--brand-light-20:#6fa0a233;--brand-light-10:#6fa0a21a;--surface:#fff;--surface-raised:#fafbfc;--surface-muted:#f3f6f8;--surface-subtle:#eef4f7;--surface-tint:#e8eef2;--surface-dark:#043d5d;--text-primary:#1a2a36;--text-secondary:#4d6d7e;--text-muted:#5c6f7e;--text-on-dark:#fff;--text-on-dark-muted:#ffffffbf;--success:#2e7d52;--success-bg:#2e7d5214;--error:#c0392b;--error-bg:#c0392b14;--warning:#b7791f;--warning-bg:#b7791f1f;--info:#355464;--info-bg:#eef4f7;--focus-ring:#6fa0a2;--font-heading:"Avenir", "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;--radius-sm:3px;--radius:4px;--radius-lg:4px;--radius-xl:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-sm:0 1px 3px #043d5d14;--shadow:0 2px 8px #043d5d1a;--shadow-lg:0 8px 24px #043d5d1f;--shadow-xl:0 16px 48px #043d5d29}body{font-family:var(--font-body);background:var(--surface-muted);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}h1{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:var(--text-on-dark);font-weight:900;line-height:1.15}h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;color:var(--brand-dark);font-weight:900;line-height:1.2}h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;color:var(--brand-dark);font-weight:700}.App{text-align:center;min-height:100vh;padding-bottom:56px}.App.admin-fixed-shell,.App.display-fixed-shell{height:100dvh;min-height:0;padding-bottom:0;overflow:hidden}.App.admin-fixed-shell #main-content,.App.display-fixed-shell #main-content{height:100%;overflow:hidden}.route-loading{background:var(--surface-muted);min-height:100dvh;color:var(--brand-dark);font-family:var(--font-body);place-items:center;font-size:.9rem;font-weight:700;display:grid}.home-view,.reporter-view{max-width:1200px;margin:0 auto;padding:20px}.image-container{border-radius:var(--radius-lg);max-width:100%;margin:0 auto;display:inline-block;position:relative;overflow:hidden}.fish-image{cursor:crosshair;z-index:1;vertical-align:top;border-radius:var(--radius-lg);border:0;width:auto;max-width:1000px;height:auto;max-height:calc(100vh - 160px);margin:0 auto;padding:0;display:block;position:relative}.heatmap-overlay{pointer-events:none;opacity:.8;z-index:10;border-radius:var(--radius-lg);width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=1200px){.fish-image{max-width:800px!important}}@media (width<=900px){.fish-image{max-width:600px!important}}@media (width<=680px){.fish-image{max-width:100%!important}}.instructions{font-family:var(--font-body);color:var(--text-secondary);max-width:600px;margin:0 auto 24px;padding:16px 20px;font-size:1rem;line-height:1.5}.instructions strong{color:var(--brand-dark);text-transform:uppercase;letter-spacing:.02em;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#043d5da6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface);border-radius:var(--radius-xl);width:92%;max-width:520px;box-shadow:var(--shadow-xl);border-top:4px solid var(--brand-dark);padding:40px 36px;animation:.3s cubic-bezier(.22,1,.36,1) slideUp;position:relative}.modal-content.modal-large{max-width:720px;max-height:calc(100dvh - 48px);padding:36px 32px;overflow-y:auto}.modal-content:before{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{font-family:var(--font-heading);color:var(--brand-dark);text-align:center;text-transform:uppercase;letter-spacing:.04em;margin-bottom:28px;font-size:1.35rem;font-weight:900}.form-group{text-align:left;margin-bottom:24px}.form-fieldset{border:none;padding:0}.legend-contents{display:contents}.form-group label:not(.radio-option),.form-group .legend-label{font-family:var(--font-body);color:var(--brand-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.8rem;font-weight:700;display:block}.modal-content.modal-large .form-group label:not(.radio-option),.modal-content.modal-large .form-group .legend-label{text-transform:none;letter-spacing:0;font-size:.92rem}.radio-group{flex-wrap:wrap;gap:10px;display:flex}.radio-option{background:var(--surface-muted);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;align-items:center;gap:10px;min-height:44px;padding:12px 16px;transition:all .2s;display:flex}.radio-option .radio-label{color:var(--brand-dark);font-size:.92rem;font-weight:700;line-height:1.35}.radio-option:before{display:none}.radio-option:hover{background:var(--surface);border-color:var(--brand-light);box-shadow:var(--shadow-sm)}.radio-option:has(input[type=radio]:checked){background:var(--brand-dark);color:#fff;border-color:var(--brand-dark);box-shadow:var(--shadow)}.radio-option:has(input[type=radio]:checked) .radio-label{color:#fff}.confidence-group{background:var(--surface-muted);border-radius:var(--radius-lg);border:1px solid var(--brand-light-20);align-items:center;gap:6px;padding:6px;display:inline-flex}.confidence-group input[type=radio]{opacity:0;width:0;height:0;position:absolute}.confidence-group label{cursor:pointer;border-radius:var(--radius);text-align:center;width:44px;min-width:44px;color:var(--text-secondary);text-transform:none;letter-spacing:0;background:0 0;border:none;padding:10px 0;transition:all .2s;font-family:var(--font-body)!important;margin:0!important;font-size:.9rem!important;font-weight:600!important}.confidence-group label:hover{background:var(--surface);color:var(--brand-dark);box-shadow:none;transform:none}.confidence-group input[type=radio]:checked+label{background:var(--brand-dark);color:#fff;box-shadow:var(--shadow-sm);transform:none}input[type=number]:not(.MuiInputBase-input){font-family:var(--font-body);border:1.5px solid var(--brand-light-20);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text-primary);padding:12px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input[type=number]:not(.MuiInputBase-input):focus{border-color:var(--brand-light);outline:none;box-shadow:0 0 0 3px #6fa0a226}input[type=number]:not(.MuiInputBase-input):hover{border-color:var(--brand-light)}input[type=radio]{accent-color:var(--brand-light)}input[type=text]:not(.MuiInputBase-input),input[type=password]:not(.MuiInputBase-input),input[type=email]:not(.MuiInputBase-input),input[type=date]:not(.MuiInputBase-input),input[type=datetime-local]:not(.MuiInputBase-input),textarea:not(.MuiInputBase-input),select:not(.MuiInputBase-input){font-family:var(--font-body);border:1.5px solid var(--brand-light-20);border-radius:var(--radius);background:var(--surface);width:100%;padding:12px 16px;font-size:.95rem;transition:border-color .2s}input[type=text]:not(.MuiInputBase-input):focus,input[type=password]:not(.MuiInputBase-input):focus,input[type=email]:not(.MuiInputBase-input):focus,input[type=date]:not(.MuiInputBase-input):focus,input[type=datetime-local]:not(.MuiInputBase-input):focus,textarea:not(.MuiInputBase-input):focus,select:not(.MuiInputBase-input):focus{border-color:var(--brand-light);outline:none;box-shadow:0 0 0 3px #6fa0a226}input[type=text]:not(.MuiInputBase-input):hover,input[type=password]:not(.MuiInputBase-input):hover,input[type=email]:not(.MuiInputBase-input):hover,input[type=date]:not(.MuiInputBase-input):hover,input[type=datetime-local]:not(.MuiInputBase-input):hover,textarea:not(.MuiInputBase-input):hover,select:not(.MuiInputBase-input):hover{border-color:var(--brand-light)}.button-group{margin-top:32px;margin-bottom:max(20px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--brand-dark-05);justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.button-group.survey-modal-footer{border-top:1px solid #043d5d1a;justify-content:space-between;align-items:center;margin:28px 0 0;padding:18px 0 0}.survey-answered-count{color:var(--text-muted);white-space:nowrap;font-size:.85rem;font-weight:800}.survey-modal-actions{justify-content:flex-end;gap:12px;display:flex}button:not(.MuiButtonBase-root){font-family:var(--font-body);border-radius:var(--radius);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border:none;padding:12px 28px;font-size:.85rem;font-weight:700;line-height:1.3;transition:all .2s}button:not(.MuiButtonBase-root):before{display:none}.btn-primary{background:var(--brand-dark);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{background:var(--brand-dark-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled,button:not(.MuiButtonBase-root):disabled{opacity:1;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary:disabled{color:#043d5d94;background:#a9bbc4}.btn-secondary:disabled{background:var(--surface-muted);color:#4d6d7e7a;border-color:#4d6d7e24}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1.5px solid var(--brand-light-20)}.btn-secondary:hover{border-color:var(--brand-light);color:var(--brand-dark);background:var(--surface-muted)}.image-container button{background:var(--error);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:8px 16px;font-size:.8rem}.image-container button:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.status-message{border-radius:var(--radius);max-width:500px;margin:24px auto 0;padding:14px 24px;font-size:.9rem;font-weight:500}.status-success{background:var(--success-bg);color:var(--success);border:1px solid #2e7d5226}.status-error{background:var(--error-bg);color:var(--error);border:1px solid #c0392b26}.status-info{background:var(--info-bg);color:var(--info);border:1px solid #4d6d7e29}.status-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #b7791f2e}.status-hidden{display:none}.brand-panel{background:var(--surface);border:1px solid var(--brand-dark-05);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.brand-panel-muted{background:var(--surface-subtle);border-radius:var(--radius-lg);border:1px solid #4d6d7e29}.fish-art-credit{z-index:45;border-radius:var(--radius-sm);max-width:calc(100% - 12px);color:var(--text-primary);text-align:right;pointer-events:none;background:#ffffffd6;padding:4px 6px;font-size:.68rem;font-weight:700;line-height:1.2;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 4px #043d5d29}.brand-section-title{font-family:var(--font-heading);color:var(--brand-dark);text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;font-weight:900;line-height:1.25}.brand-body-copy{font-family:var(--font-body);color:var(--brand-medium);font-size:1rem;line-height:1.6}.brand-caption{color:var(--text-muted);font-size:.82rem;line-height:1.5}.brand-check-icon{background:var(--brand-dark);width:80px;height:80px;color:var(--text-on-dark);border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;font-weight:800;display:inline-flex}.protected-route-state{background:var(--surface-muted);min-height:100vh;padding:var(--space-6);text-align:center;justify-content:center;align-items:center;display:flex}.protected-route-state h1{color:var(--brand-dark);margin-bottom:var(--space-3);font-size:1.35rem}.protected-route-state p{color:var(--brand-medium);margin-bottom:var(--space-5)}.reporter-view.mobile-optimized{background:var(--surface-muted);max-width:none;min-height:100vh;padding:0}.mobile-header{background:var(--brand-dark);text-align:center;color:var(--text-on-dark);background-image:linear-gradient(#043d5d7a,#043d5dad),url(/water_background_admin.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:24px 20px 28px}.mobile-header.submitted-chrome{max-height:180px;transition:max-height .24s,padding .24s,opacity .18s;overflow:hidden}.mobile-header.submitted-chrome.is-collapsed{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.mobile-header h1{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:1.4rem;font-weight:900}.mobile-header-logo{width:auto;height:40px;margin-bottom:10px}.mobile-subtitle{font-family:var(--font-body);color:var(--text-on-dark-muted);margin:0;font-size:.9rem}.mobile-subtitle.context-label{margin-top:4px}.reporter-progress{background:var(--surface-subtle);border-bottom:1px solid #043d5d14;justify-content:center;align-items:center;gap:14px;padding:12px 10px;display:flex}.reporter-progress.submitted-chrome{max-height:64px;transition:max-height .22s,padding .22s,opacity .18s,border-color .18s;overflow:hidden}.reporter-progress.submitted-chrome.is-collapsed{opacity:0;border-bottom-color:#0000;max-height:0;padding-top:0;padding-bottom:0}.reporter-progress-step{opacity:.55;align-items:center;gap:8px;display:flex}.reporter-progress-step.is-active{opacity:1}.reporter-progress-dot{width:24px;height:24px;color:var(--info);background:#4d6d7e29;border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.reporter-progress-step.is-active .reporter-progress-dot{background:var(--brand-dark);color:var(--text-on-dark)}.reporter-progress-label{color:var(--info);font-size:.8rem;font-weight:600}.mobile-container{text-align:center;max-width:1000px;margin:0 auto;padding:20px 16px 80px}.mobile-container-submitted{padding-top:60px}.reporter-card{text-align:center;max-width:480px;margin:0 auto;padding-top:40px}.reporter-card.is-submitted{max-width:400px;padding-top:0}.reporter-check-icon{margin:0 auto 24px}.reporter-result-title{color:var(--brand-dark);margin-bottom:12px;font-size:1.5rem}.reporter-result-lead{margin-bottom:16px}.reporter-hero-image{border-radius:var(--radius-lg);width:360px;max-width:100%;height:auto;margin-bottom:0}.reporter-hero-image-frame{max-width:100%;margin-bottom:28px;line-height:0;display:inline-block;position:relative}.reporter-image-credit{font-size:.62rem}.reporter-lead{color:var(--brand-medium);margin:0 0 32px;font-size:1rem;line-height:1.6}.reporter-card .btn-primary{border-radius:var(--radius);padding:16px 48px;font-size:1.05rem}.reporter-begin-survey-button{background-image:linear-gradient(#043d5d6b,#043d5db3),url(/water_background_admin.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.reporter-begin-survey-button:hover{background-image:linear-gradient(#032f475c,#032f47a8),url(/water_background_admin.jpg)}.reporter-feedback-panel{background:var(--surface-subtle);border-radius:var(--radius-lg);text-align:left;border:1px solid #4d6d7e29;margin-bottom:16px;padding:14px 16px}.reporter-feedback-title{color:var(--brand-dark);margin:0 0 6px;font-size:.95rem;font-weight:700}.reporter-feedback-text{color:var(--info);margin:0;font-size:.92rem;line-height:1.5}.reporter-feedback-note{color:var(--text-muted);margin:8px 0 0;font-size:.82rem;line-height:1.5}.reporter-result-figure{width:100%;max-width:360px;display:inline-block}.reporter-result-image-frame{width:100%;line-height:0;position:relative}.reporter-result-image{border-radius:var(--radius-lg);width:100%;height:auto;display:block}.reporter-result-overlay{pointer-events:none;border-radius:var(--radius-lg);width:100%;height:100%;position:absolute;inset:0}.reporter-result-marker{background:var(--error);border:2px solid var(--surface);border-radius:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;position:absolute;box-shadow:0 2px 8px #00000059}.reporter-result-legend{color:var(--info);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:10px;font-size:.8rem;font-weight:600;display:flex}.reporter-result-legend-item{align-items:center;gap:6px;display:inline-flex}.reporter-result-region-key{background:#1665343d;border:2px solid #166534;border-radius:3px;width:18px;height:10px}.reporter-result-region-key.is-likely-proper{background:#b7791f38;border-style:dashed;border-color:#92400e}.reporter-result-point-key{background:var(--error);border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #0000004d}.mobile-instructions{gap:10px;max-width:540px;margin-bottom:24px;margin-left:auto;margin-right:auto;display:flex}.instruction-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--brand-dark-05);flex:1;align-items:center;padding:14px 16px;display:flex}.step-number{background:var(--brand-dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;margin-right:12px;font-size:.8rem;font-weight:700;display:flex}.step-text{color:var(--text-primary);font-size:.85rem;line-height:1.4}.mobile-image-section{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.tap-indicator{background:var(--success-bg);color:var(--success);border-radius:var(--radius);border:1px solid #2e7d5226;margin-top:12px;padding:12px 20px;font-size:.9rem;font-weight:600}@media (width<=768px){.mobile-instructions{flex-direction:column}.modal-content{max-height:90vh;margin:16px;padding:28px 24px;overflow-y:auto}.radio-group{flex-direction:column}.radio-option{min-height:48px}.button-group{flex-direction:column}.button-group button{min-height:48px;font-size:.95rem}.button-group.survey-modal-footer{margin-left:0;margin-right:0;padding:18px 0 0}.survey-modal-actions{flex-direction:column;width:100%}.survey-answered-count{align-self:flex-start}.mobile-optimized .fish-image{width:100%!important}.mobile-optimized .image-container{max-width:100%;margin:0 0 16px;overflow:hidden}}@media (width<=480px){.mobile-header{padding:18px 14px 22px}.mobile-header h1{font-size:1.2rem}.mobile-container{padding:16px 12px 80px}.step-text{font-size:.8rem}}.radio-group-vertical{flex-direction:column}.illustration-task{border-top:1px solid var(--brand-dark-05);margin-top:8px;padding-top:24px}.illustration-instructions{font-family:var(--font-body);color:var(--text-secondary);text-transform:none;letter-spacing:0;margin-bottom:16px;font-size:.95rem;font-weight:400;line-height:1.55}.illustration-image-wrapper{text-align:center;margin-bottom:12px}.illustration-fish-image{cursor:crosshair;border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;width:600px;max-width:100%;height:auto;margin:0 auto;transition:border-color .2s;display:block}.illustration-fish-image:hover{opacity:.95}.click-marker{background:var(--brand-dark);pointer-events:none;z-index:10;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #00000059}.click-marker:after{content:"";border:1.5px solid var(--brand-dark);opacity:.4;border-radius:50%;position:absolute;inset:-4px}.illustration-note{font-family:var(--font-body);color:var(--text-muted);text-align:center;text-transform:none;letter-spacing:0;margin:0;font-size:.85rem;font-style:italic;font-weight:400}.survey-validation-error{background:var(--error-bg);color:var(--error);border-radius:var(--radius);text-align:center;border:1px solid #c0392b26;margin-top:16px;padding:12px 16px;font-size:.9rem;font-weight:600}.next-step-notice{background:var(--info-bg);border-radius:var(--radius);border:1px solid #4d6d7e2e;align-items:flex-start;gap:12px;margin-top:20px;padding:14px 16px;display:flex}.next-step-notice .next-step-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem;line-height:1}.next-step-notice strong{color:var(--brand-dark);margin-bottom:4px;font-size:.95rem;display:block}.next-step-notice p{color:var(--info);margin:0;font-size:.85rem;line-height:1.5}.illustration-phase-container{text-align:center;max-width:800px;margin:0 auto;padding:20px 16px 40px}.illustration-phase-instructions{color:var(--brand-dark);margin-bottom:4px;font-size:1.1rem;font-weight:600;line-height:1.5}.illustration-phase-hint{color:var(--text-muted);margin-bottom:20px;font-size:.9rem;font-style:italic}.illustration-phase-image-wrapper{margin:0 auto 16px;position:relative}.illustration-phase-image-stage{width:100%;line-height:0;display:inline-block;position:relative}.illustration-phase-fish{cursor:crosshair;border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;width:100%;max-width:100%;height:auto;display:block}.illustration-phase-fish:hover{opacity:.95}.illustration-phase-note{color:var(--text-muted);margin:0 0 8px;font-size:.85rem;font-style:italic}.illustration-phase-tap-status{color:var(--brand-dark);margin:0 0 16px;font-size:.9rem;font-weight:600}.illustration-phase-submit-prompt{min-height:34px;color:var(--text-muted);background:var(--surface-subtle);border-radius:var(--radius);border:1px solid #4d6d7e29;justify-content:center;align-items:center;margin:0 0 16px;padding:8px 12px;font-size:.9rem;font-weight:800;display:inline-flex}.illustration-phase-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.illustration-phase-actions .btn-primary,.illustration-phase-actions .btn-secondary{border-radius:4px;padding:14px 36px;font-size:1rem}.submission-error-panel{background:var(--error-bg);text-align:left;border:1px solid #c0392b33;border-radius:4px;max-width:580px;margin:14px auto 0;padding:12px 14px}.submission-error-panel p{color:var(--error);margin:0;font-size:.9rem;font-weight:600;line-height:1.45}.submission-error-actions{margin-top:10px}.submission-error-actions .btn-secondary{min-height:40px}@media (width<=768px){.reporter-progress{gap:8px;padding:10px 8px}.reporter-progress-label{font-size:.72rem}.modal-content.modal-large{width:96%;max-height:calc(100dvh - 72px);padding:24px 18px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));margin:8px}.illustration-fish-image{width:100%}.illustration-phase-container{padding:12px 8px 32px}.illustration-phase-actions{flex-direction:column;gap:10px}.illustration-phase-actions .btn-primary,.illustration-phase-actions .btn-secondary{width:100%}}