:root{--teal:#0ea5a4;--teal-dark:#0c8a89;--teal-tint:#e6f7f7;--bg:#fbfcfc;--card:#fff;--ink:#18222b;--muted:#6b7785;--line:#e6ebef;--warn-bg:#fff7ed;--warn-border:#fdba74;--warn-ink:#9a3412;--err-bg:#fef2f2;--err-border:#fca5a5;--err-ink:#991b1b;--radius:16px;--shadow:0 1px 2px #1018280a, 0 8px 24px #1018280f}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app{flex-direction:column;max-width:720px;min-height:100%;margin:0 auto;padding:0 16px;display:flex}.topbar{justify-content:space-between;align-items:center;padding:16px 4px 8px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.logo-dot{background:var(--teal);width:14px;height:14px;box-shadow:0 0 0 4px var(--teal-tint);border-radius:50%}.env-tag{color:var(--muted);font-size:12px}.progress{gap:6px;padding:12px 0 18px;display:flex}.progress-step{color:var(--muted);flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.progress-step .dot{width:24px;height:24px;color:var(--muted);background:#eef2f5;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.progress-step .label{white-space:nowrap}.progress-step.active{color:var(--ink);font-weight:600}.progress-step.active .dot{background:var(--teal);color:#fff}.progress-step.done .dot{background:var(--teal-tint);color:var(--teal-dark)}@media (width<=460px){.progress-step .label{display:none}}.content{flex:1;padding-bottom:28px}.screen{flex-direction:column;gap:16px;display:flex}.screen h1{letter-spacing:-.02em;margin:4px 0 0;font-size:24px}.screen h2{letter-spacing:-.01em;margin:0;font-size:19px}.screen h3{margin:0 0 10px;font-size:15px}.lead{color:var(--ink);margin:0}.muted{color:var(--muted)}.note{color:var(--warn-ink);margin:4px 0 0;font-size:13px}.fine-print{color:var(--muted);margin:4px 0 0;font-size:12px}.btn{appearance:none;border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:12px;min-height:48px;padding:13px 18px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s,transform 50ms}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:hover:not(:disabled){background:var(--teal-dark)}.btn.ghost{color:var(--ink);background:#fff}.btn.ghost:hover:not(:disabled){background:#f4f7f8}.btn.wide{width:100%}.link{color:var(--teal-dark);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px;font-weight:600}.consent{gap:18px;padding-top:8px}.consent-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:12px;padding:16px;display:flex}.consent-box input{width:22px;height:22px;accent-color:var(--teal);flex:none;margin-top:1px}.step-caption{align-items:flex-start;gap:12px;display:flex}.step-num{background:var(--teal-tint);color:var(--teal-dark);border-radius:999px;flex:none;margin-top:2px;padding:4px 10px;font-size:13px;font-weight:700}.camera-frame{aspect-ratio:3/4;border-radius:var(--radius);width:100%;max-height:62vh;box-shadow:var(--shadow);background:#0c1418;place-items:center;display:grid;position:relative;overflow:hidden}.cam-video,.captured-preview{object-fit:cover;width:100%;height:100%}.silhouette{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.silhouette ellipse,.silhouette path{fill:none;stroke:#ffffffd9;stroke-width:2px;stroke-dasharray:7 7}.silhouette line.thin{stroke:#fff6;stroke-width:1px;stroke-dasharray:4 6}.cam-fallback{color:#e7eef0;text-align:center;place-items:center;gap:8px;padding:24px;display:grid}.capture-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.capture-actions .spacer{width:96px}.btn.shutter{border:1px solid var(--line);width:72px;height:72px;box-shadow:var(--shadow);background:#fff;border-radius:50%;place-items:center;padding:0;display:grid}.shutter-ring{background:var(--teal);border-radius:50%;width:54px;height:54px;box-shadow:inset 0 0 0 3px #fff}.btn.shutter:disabled .shutter-ring{background:#c7d0d6}.thumb-row{gap:8px;display:flex}.thumb{aspect-ratio:1;border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#f1f5f6;border-radius:10px;flex:1;padding:0;font-weight:700;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb.active{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-tint)}.thumb.filled{color:#0000}.review-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.review-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.review-card.missing{opacity:.7;border-style:dashed}.review-img{aspect-ratio:3/4;background:#f1f5f6;place-items:center;display:grid}.review-img img{object-fit:cover;width:100%;height:100%}.review-meta{justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.review-actions{justify-content:space-between;gap:12px;display:flex}.review-actions .btn{flex:1}.analyzing-hint{text-align:center;font-size:13px}.score-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:18px;padding:18px 20px;display:flex}.score-num{letter-spacing:-.03em;color:var(--teal-dark);background:var(--teal-tint);border-radius:50%;flex:none;place-items:center;width:96px;height:96px;font-size:46px;font-weight:800;display:grid}.score-meta{flex-direction:column;gap:2px;font-size:14px;display:flex}.score-meta strong{font-size:16px}.heatmaps{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=560px){.heatmaps{grid-template-columns:1fr 1fr}}.heatmap-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;overflow:hidden}.heatmap-wrap{background:#0c1418;line-height:0;position:relative}.heatmap-wrap img{width:100%;height:auto;display:block}.heatmap-canvas{pointer-events:none;position:absolute;inset:0}.heatmap-label{color:var(--ink);padding:9px 12px;font-size:13px;font-weight:600;line-height:1.3}.legend{color:var(--ink);flex-wrap:wrap;align-items:center;gap:14px;padding:2px 4px;font-size:13px;display:flex}.legend .swatch{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.zone-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.zone-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.zone-list li:last-child{border-bottom:none}.zone-list .sev{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}.card.contra{border-color:var(--warn-border);background:var(--warn-bg)}.contra-item{padding:8px 0}.contra-item strong{letter-spacing:.02em;font-size:13px}.contra-item p{margin:4px 0 0;font-size:14px}.contra-item.sev-high strong,.contra-item.sev-critical strong{color:var(--err-ink)}.results-actions{gap:12px;display:flex}.results-actions .btn{flex:1}.banner{border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;font-size:14px;display:flex}.banner.warn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-ink)}.banner.error{background:var(--err-bg);border:1px solid var(--err-border);color:var(--err-ink)}.footer{text-align:center;color:var(--muted);padding:10px 0 18px;font-size:11px}