:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eaed;--accent:#22c55e;--accent-dim:#16a34a;--surface:#1a1d24;--border:#2a2f3a;--muted:#9aa3b2;--warn:#eab308;--danger:#ef4444;background:#0f1115;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100dvh;margin:0}#app{min-height:100dvh}.page{max-width:720px;margin:0 auto;padding:1rem 1rem 2rem}.page-header h1{margin:0;font-size:1.5rem}.subtitle{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.security-banner{border:1px solid var(--warn);color:#fde68a;background:#eab3081f;border-radius:10px;margin:.75rem 0 0;padding:.75rem 1rem;font-size:.9rem}.security-banner.hidden{display:none}.live-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.instructions{color:var(--muted);margin:1rem 0;padding-left:1.25rem;font-size:.9rem}.instructions a{color:var(--accent)}.preview-wrap{aspect-ratio:4/3;border:1px solid var(--border);background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.preview-video{object-fit:cover;width:100%;height:100%;display:block}.preview-overlay{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.setup-page .preview-overlay{cursor:crosshair}.preview-wrap.has-image .preview-video{visibility:hidden;pointer-events:none}.preview-wrap.has-image .preview-overlay{object-fit:contain;pointer-events:auto;touch-action:none;background:#000}.preview-wrap.needs-plate-tap{outline-offset:-2px;outline:2px solid #eab3088c}.tap-hint{color:#fff;pointer-events:none;z-index:2;background:#000000b8;border-radius:999px;margin:0;padding:.4rem .75rem;font-size:.85rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.tap-hint.hidden,.controls .btn.hidden{display:none}.setup-help{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:.75rem 0 0;padding:.85rem 1rem}.setup-help.hidden{display:none}.setup-transform{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:.75rem 0 0;padding:.85rem 1rem}.setup-transform.hidden{display:none}.setup-transform-title{color:#f9a8d4;margin:0 0 .35rem;font-size:.95rem;font-weight:600}.setup-transform-body{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.setup-transform-body code{color:#e2e8f0;margin-top:.25rem;font-size:.8rem;display:inline-block}.setup-transform-grid{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;display:grid}.setup-transform-grid dt{color:var(--muted)}.setup-transform-grid dd{color:#e2e8f0;margin:0}.legend-axis-x{background:#f97316}.legend-axis-y{background:#a78bfa}.legend-offset{background:#eab308}.legend-rehub{background:#ec4899}.setup-hough{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:.75rem 0 0;padding:.85rem 1rem}.setup-hough.hidden{display:none}.setup-hough-title{color:#fbbf24;margin:0 0 .35rem;font-size:.95rem;font-weight:600}.setup-hough-body{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.setup-hough-toggle{color:var(--muted);align-items:center;gap:.5rem;margin:.65rem 0;font-size:.85rem;display:flex}.setup-hough-list{color:#e2e8f0;margin:.5rem 0 0;padding-left:1.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.setup-hough-list .is-best{color:#93c5fd;font-weight:600}.setup-hough-list .is-contain{color:#67e8f9}.setup-hough-hint{color:var(--muted);margin:.65rem 0 0;font-size:.8rem}.setup-hough-hint code{color:#e2e8f0;font-size:.75rem}.setup-help-title{margin:0 0 .35rem;font-size:.95rem;font-weight:600}.setup-help-title.tone-active{color:#60a5fa}.setup-help-title.tone-ok{color:var(--accent)}.setup-help-title.tone-warn{color:var(--warn)}.setup-help-body{color:var(--muted);margin:0;font-size:.9rem}.setup-legend,.setup-tips{color:var(--muted);margin:.65rem 0 0;padding-left:1.1rem;font-size:.85rem}.setup-legend{padding-left:0;list-style:none}.setup-legend li{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.legend-swatch{border-radius:999px;flex-shrink:0;width:.75rem;height:.75rem}.legend-plate{background:#3b82f6}.legend-marker{background:linear-gradient(90deg,#22c55e 50%,#06b6d4 50%)}.setup-tips li+li{margin-top:.25rem}.controls{flex-wrap:wrap;gap:.75rem;margin:1rem 0;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;border-radius:8px;padding:.65rem 1rem;font-size:.95rem}.btn.primary{background:var(--accent);border-color:var(--accent-dim);color:#041006;font-weight:600}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:0 0}.btn.full{width:100%;margin-top:1rem}.file-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;padding:.65rem 1rem;font-size:.95rem;display:inline-flex}.marker-picker{margin:1rem 0}.marker-picker .label{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.marker-picker.hidden{display:none}.optional-tag{text-transform:uppercase;letter-spacing:.04em;color:#67e8f9;border:1px solid #06b6d473;border-radius:999px;margin-left:.25rem;padding:.1rem .4rem;font-size:.7rem;display:inline-block}.picker-hint{color:var(--muted);margin:.5rem 0 0;font-size:.8rem}.stability-btn.selected{color:#042f2e;background:#06b6d4;border-color:#0891b2}.marker-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.marker-btn.selected{background:var(--accent);color:#041006;border-color:var(--accent-dim)}.status{color:var(--muted);min-height:1.4em;font-size:.9rem}.hud{grid-template-columns:2fr 1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.hud-metric{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;padding:.75rem}.main-metric .metric-value{color:var(--accent);font-size:1.75rem}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;display:block}.metric-value{margin-top:.15rem;font-size:1.25rem;font-weight:700;display:block}.badge{background:var(--danger);color:#fff;border-radius:999px;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:inline-block}.badge.hidden{display:none}.rep-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.rep-panel h2{margin:0 0 .75rem;font-size:1rem}.rep-list{margin:0;padding:0;list-style:none}.rep-list li{border-bottom:1px solid var(--border);padding:.5rem 0;font-size:.9rem}.rep-list li:last-child{border-bottom:none}.controls-section{margin:1rem 0 0}.controls-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.8rem}.setup-debug{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin:.75rem 0 0;padding:.35rem .75rem .75rem}.setup-debug summary{cursor:pointer;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:.5rem 0;font-size:.8rem;list-style:none}.setup-debug summary::-webkit-details-marker{display:none}.setup-debug .controls{margin:.25rem 0 0}.security-banner .file-btn{margin-top:.65rem}.camera-page{background:#000;flex-direction:column;max-width:none;min-height:100dvh;padding:0;display:flex}.camera-stage{background:#111;flex:1;min-height:55dvh;position:relative;overflow:hidden}.camera-feed{object-fit:cover;z-index:0;background:#222;width:100%;height:100%;display:block;position:absolute;inset:0;transform:translateZ(0)}.camera-overlay{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;display:none;position:absolute;inset:0}.camera-overlay.is-active{display:block}.camera-hud{pointer-events:none;padding:max(.75rem, env(safe-area-inset-top)) .75rem .75rem;z-index:2;flex-direction:column;display:flex;position:absolute;inset:0}.overlay-toggles{pointer-events:auto;flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.overlay-chip{color:var(--muted);cursor:pointer;background:#00000073;border:1px solid #fff3;border-radius:999px;padding:.3rem .65rem;font-size:.75rem}.overlay-chip.active{color:#041006;background:var(--accent);border-color:var(--accent-dim);font-weight:600}.camera-hud-row{pointer-events:auto;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.session-pill{letter-spacing:.03em;text-transform:uppercase;background:#0000008c;border:1px solid #ffffff26;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.session-pill.is-tracking{border-color:var(--accent);color:var(--accent);background:#22c55e40}.session-pill.is-stopped{color:var(--warn);border-color:var(--warn)}.btn-sm{padding:.4rem .65rem;font-size:.8rem}.camera-metrics{grid-template-columns:2fr 1fr 1fr;gap:.5rem;margin-top:auto;display:grid}.camera-metric{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border:1px solid #ffffff1f;border-radius:10px;padding:.5rem .65rem}.camera-metric .metric-value{font-size:1.1rem}.camera-metric .metric-sub{color:var(--muted);margin-top:.15rem;font-size:.7rem;display:block}.camera-metric.main-metric .metric-value{color:var(--accent);font-size:1.5rem}.camera-alert{text-align:center;color:#fff;background:#ef4444d9;border-radius:8px;margin-top:.5rem;padding:.45rem .75rem;font-size:.85rem;font-weight:600}.camera-alert.hidden{display:none}.stab-pill{color:#a5f3fc;background:#00000080;border:1px solid #06b6d473;border-radius:999px;align-self:flex-start;margin-top:.5rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600}.stab-pill.is-on{color:#67e8f9;background:#06b6d440;border-color:#06b6d4}.stab-pill.is-hold{border-color:var(--warn);color:#fde68a;background:#eab30833}.stab-pill.is-off{border-color:var(--warn);color:var(--warn)}.stab-pill.hidden{display:none}.camera-dock{padding:.75rem 1rem max(1.25rem, env(safe-area-inset-bottom));text-align:center;background:#0f1115;flex-shrink:0}.dock-hint{color:var(--muted);margin:0 0 .85rem;font-size:.85rem}.camera-controls{justify-content:center;align-items:center;min-height:5rem;display:flex}.shutter-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.35rem;padding:0;display:flex}.shutter-btn.hidden{display:none}.shutter-ring{border:4px solid var(--accent);background:#22c55e40;border-radius:999px;width:4.25rem;height:4.25rem;transition:transform .12s;display:block;box-shadow:0 0 0 3px #22c55e26}.shutter-btn:active .shutter-ring{transform:scale(.94)}.shutter-stop .shutter-ring{border-color:var(--danger);background:#ef444459;box-shadow:0 0 0 3px #ef444426}.shutter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.rep-sheet-trigger{border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;padding:.65rem .85rem;display:flex}.rep-sheet-trigger.hidden{display:none}.rep-sheet-trigger:active{transform:scale(.99)}.rep-sheet-trigger-copy{flex-direction:column;gap:.15rem;min-width:0;display:flex}.rep-sheet-trigger-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.rep-sheet-trigger-detail{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.rep-sheet-trigger-chevron{color:var(--muted);flex-shrink:0;font-size:1.1rem;line-height:1}.rep-sheet{width:100%;max-width:720px;color:inherit;background:#12151c;border:none;border-radius:16px 16px 0 0;max-height:min(85dvh,720px);margin:0 auto;padding:0;position:fixed;inset:auto 0 0;box-shadow:0 -12px 40px #00000073}.rep-sheet::backdrop{background:#0000008c}.rep-sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1rem .75rem;display:flex}.rep-sheet-header h2{margin:0;font-size:1rem}.rep-sheet .rep-list{padding:.5rem 1rem max(1.25rem, env(safe-area-inset-bottom));max-height:calc(min(85dvh,720px) - 3.5rem);margin:0;list-style:none;overflow-y:auto}.rep-sheet .rep-list li{border-bottom:1px solid #2a2f3ab3;padding:0;font-size:.9rem}.rep-sheet .rep-list li:last-child{border-bottom:none}.rep-item-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.rep-item-main{flex-direction:column;gap:.2rem;min-width:0;display:flex}.rep-item-title{font-weight:600}.rep-item-meta{color:var(--muted);font-size:.85rem}.rep-item-chevron{color:var(--muted);flex-shrink:0;font-size:1.1rem}.rep-item.is-open .rep-item-toggle{padding-bottom:.35rem}.rep-item-detail{padding:0 0 .85rem}.rep-detail-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.rep-detail-stats>div{border:1px solid var(--border);text-align:center;background:#ffffff0a;border-radius:10px;padding:.45rem .5rem}.rep-detail-stats .metric-value{margin-top:.1rem;font-size:.95rem}.rep-chart-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:.35rem 0 .25rem;font-size:.75rem}.rep-chart{border:1px solid var(--border);background:#00000040;border-radius:10px;width:100%;height:160px;display:block}.rep-chart-path{height:180px}