:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10242a;background:#edf2f2;--accent:#0e6b66;--surface:#fff;--line:#cbdada;--muted:#587076}*{box-sizing:border-box}body{margin:0;min-height:100vh}.topbar{height:56px;padding:max(12px,env(safe-area-inset-top)) 16px 8px;background:#10242a;color:white;display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:700;letter-spacing:.08em}.topbar a{color:#a8e4de;text-decoration:none;min-height:44px;display:flex;align-items:center}main{width:min(680px,100%);margin:auto;padding:20px 16px calc(30px + env(safe-area-inset-bottom))}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.15em;margin:0 0 6px}.intro h1{font-size:clamp(1.7rem,8vw,2.4rem);line-height:1.04;margin:0 0 12px}.intro p:last-child{color:var(--muted);line-height:1.5}.emergency,.offline,.fatal{padding:14px;border-radius:10px;margin:16px 0;line-height:1.45}.emergency{background:#fff4df;border:1px solid #e6bd69}.emergency strong{display:block}.emergency a{font-weight:800;color:#8a2b2b}.offline{background:#ffefca}.fatal{background:#fbe6e6;color:#7b2020}.progress{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0;margin:22px 0 12px}.progress li{height:5px;border-radius:5px;background:#c7d5d4;font-size:0}.progress li.done,.progress li[aria-current=step]{background:var(--accent)}form,.receipt{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 8px 28px #10242a12}h2{font-size:1.35rem;margin:0 0 18px}.outfall-card{background:#edf7f6;border-left:4px solid var(--accent);padding:14px;border-radius:8px;margin-bottom:16px}.outfall-card span,.outfall-card small{display:block;color:var(--muted)}.outfall-card strong{display:block;font-size:1.15rem;margin:3px 0}button,.button,input,textarea{font:inherit}button,.button{min-height:48px;border:1px solid #a9bfbe;border-radius:10px;background:white;padding:10px 16px;font-weight:750;cursor:pointer;text-decoration:none;color:#10242a;text-align:center}.primary{background:var(--accent);border-color:var(--accent);color:white;width:100%}button:disabled{opacity:.55;cursor:wait}.gps-result,.upload-status{margin:12px 0;min-height:24px;color:var(--muted)}.hint{font-size:.88rem;color:var(--muted);line-height:1.45}.capture{display:block;border:2px dashed #9db9b6;border-radius:12px;padding:18px;margin:12px 0;background:#f7fbfa}.capture span{display:block;color:var(--muted);font-size:.88rem;margin:5px 0 10px}.capture input{width:100%;min-height:44px}label{display:block;font-weight:650;margin:14px 0}label>input[type=text],label>input[type=email],label>input[type=datetime-local],textarea{display:block;width:100%;min-height:48px;margin-top:6px;border:1px solid #a9bfbe;border-radius:9px;padding:11px;background:white;color:#10242a}textarea{resize:vertical;line-height:1.45}fieldset{border:0;padding:0;margin:20px 0}legend{font-weight:750;margin-bottom:8px}fieldset label,.confirm{font-weight:500;display:flex;gap:10px;align-items:flex-start;min-height:40px;margin:4px 0}input[type=radio],input[type=checkbox]{width:22px;height:22px;flex:none;margin:1px 0}.checks{display:grid;grid-template-columns:1fr 1fr}.checks legend{grid-column:1/-1}.media-preview{display:grid;gap:8px}.media-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:#f0f5f5;border-radius:8px}.media-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item button{min-height:40px;padding:5px 9px}.navigation{display:flex;gap:10px;margin-top:22px}.navigation>*{flex:1}.summary{display:grid;gap:8px;margin-bottom:18px}.summary div{border-bottom:1px solid #e2eaea;padding:7px 0}.summary b{display:block;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.submit{margin-top:18px}.receipt{text-align:center}.receipt strong{display:block;font:700 1.45rem ui-monospace,monospace;background:#edf7f6;padding:13px;border-radius:8px;margin:12px 0}.receipt .button{display:block;margin-top:20px}@media(max-width:420px){main{padding-left:10px;padding-right:10px}form,.receipt{padding:16px}.checks{grid-template-columns:1fr}}:root{color:#e4eeee;background:#0c1416;--surface:#141f21;--line:#2a3d40;--muted:#9bb0b4;--accent:#54bfb4}.topbar{background:#081012}.intro .eyebrow,.eyebrow{color:#78d2c9}.emergency{background:#332918;border-color:#705c30}.offline{background:#332918}.fatal{background:#351e20;color:#ffc4c4}form,.receipt{box-shadow:none}.outfall-card{background:#17312f}.capture{background:#19282a;border-color:#426965}button,.button,label>input[type=text],label>input[type=email],label>input[type=datetime-local],textarea{background:#1b292b;color:#e4eeee;border-color:#456063}.primary{background:#277f77}.media-item{background:#1a2b2d}.summary div{border-color:#2a3d40}.receipt strong{background:#17312f}


/* Three-step mobile reporting flow */
.step > h2{line-height:1.25}.step > .capture{margin-top:16px}.step > .outfall-card{margin-top:10px}.navigation{position:sticky;bottom:0;padding:12px 0;background:var(--surface);z-index:2}.progress li{height:7px}
[hidden]{display:none!important}
/* Simple test interface */
a{color:#8ad7ce}h1{font-size:clamp(1.8rem,7vw,2.4rem);line-height:1.15;margin:6px 0 14px}.test-badge{font-size:.7rem;letter-spacing:.07em;color:#ddc68d}.home{padding-top:44px}.home .intro{margin-bottom:28px}.home .start{display:block;padding:20px;margin-bottom:14px;font-size:1.1rem}.test-note{font-size:.85rem;line-height:1.5;color:var(--muted)}.home>.test-note{text-align:center;margin-bottom:32px}details{border-top:1px solid var(--line);padding:0;margin:14px 0}summary{padding:16px 0;cursor:pointer;min-height:48px;font-weight:650}details[open]{padding-bottom:12px}details p,details li{line-height:1.55}details h3{font-size:1rem;margin-bottom:6px}.progress{gap:8px;margin:8px 0 20px}.progress li{font-size:.76rem;height:auto;min-height:36px;padding:10px 5px;text-align:center;background:#172629;border-radius:8px;color:#91a9ad}.progress li[aria-current=step]{background:#277f77;color:white}.progress li.done{background:#173c37;color:#a1e1d9}.step-help{color:var(--muted);margin:0 0 20px;line-height:1.5}.capture{padding:18px 14px;border-style:solid}.capture strong{font-size:1.1rem}.choices{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:7px}.choices legend{margin-bottom:12px}.choices label{align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:10px 7px;min-height:48px;font-size:.9rem}.choices label:has(input:checked){background:#173c37;border-color:#54bfb4}.choices input{width:18px;height:18px}.rights{font-size:.92rem;line-height:1.45;margin-top:20px}.summary div:last-child{border:0}.summary span{line-height:1.5;overflow-wrap:anywhere}.upload-status:empty{display:none}.submit{margin-top:8px}.navigation{margin-top:12px;padding-bottom:0}footer{padding:16px 0;font-size:.8rem;color:var(--muted)}.emergency-short{font-size:.8rem;line-height:1.4}form{padding-top:20px}.receipt h1{font-size:1.8rem}
.take-photo{min-height:112px;font-size:1.45rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:22px 0 12px;border-radius:14px}.take-photo span{font-size:2rem;line-height:1}.take-photo:focus-visible{outline:3px solid #ddc68d;outline-offset:4px}.take-photo:disabled{cursor:default}
.media-item.photo-card{display:block;padding:12px;border:1px solid var(--line)}.photo-card>span{display:block;font-weight:700;margin:0 0 10px}.photo-card img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:8px;background:#081012}.photo-card .hint{margin:12px 0;white-space:normal}.media-actions{display:flex;gap:10px}.media-actions button{flex:1;min-height:48px}.photo-card .media-actions button:first-child{background:#277f77;color:#fff;border-color:#54bfb4}

.install-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}.install-gallery figure{margin:0;min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}.install-gallery img{display:block;width:100%;height:auto}.install-gallery figcaption{padding:14px;line-height:1.5;font-size:.9rem}.install-gallery figcaption b,.install-gallery figcaption span{display:block}.install-gallery figcaption span{margin-top:6px;color:var(--muted)}.platform-guide>summary{color:#8ad7ce}.guide-sources{font-size:.8rem;color:var(--muted)}@media(max-width:520px){.install-gallery{grid-template-columns:1fr}}

#install-panel{margin:24px 0;padding:18px 0;border-top:1px solid var(--line)}#install-panel h2{font-size:1.15rem;margin:0 0 8px}#install-panel p{font-size:.92rem}#install-app{width:100%;min-height:52px;margin:8px 0;background:transparent;border:1px solid #8ad7ce;color:#b5eee7;font-size:1rem}#install-device{width:100%;min-height:48px;margin:8px 0 12px;background:#10242a;color:#fff;border:1px solid #54706d;border-radius:8px;padding:8px}#quick-install ol{padding-left:24px;line-height:1.7}#quick-install li{margin:10px 0}#quick-install h3{font-size:1rem}

.contact-fields{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.contact-fields legend{font-weight:700;padding:0 6px}.contact-fields input[type=tel]{width:100%;min-height:48px;border:1px solid #456063;border-radius:10px;padding:12px;background:#1b292b;color:#e4eeee}
.contact-fields label{display:block;margin:14px 0}.contact-fields input[type=text],.contact-fields input[type=email],.contact-fields input[type=tel]{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:7px}