:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f5;--surface:#fff;--border:#dde3e0;--text:#16211c;--text-muted:#5b6b63;--brand:#1f6f4f;--brand-contrast:#fff;--danger:#b3261e;--danger-bg:#fdecea;--warn:#8a5b00;--warn-bg:#fff4e0;--ok:#1f6f4f;--ok-bg:#e7f4ee;--muted-bg:#eef1ef;--focus-ring:#1a56db;--radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--brand)}button{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:12px max(16px, env(safe-area-inset-left));z-index:5;align-items:center;gap:12px;display:flex;position:sticky;top:0}.app-header h1{margin:0;font-size:1.05rem}.app-header .brand-mark{color:var(--brand);font-weight:700}.app-header nav{gap:8px;margin-left:auto;display:flex}.container{width:100%;max-width:1280px;padding:16px max(16px, env(safe-area-inset-left)) 48px;flex:1;margin:0 auto}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-size:.95rem;line-height:1.2;display:inline-flex}.btn:hover{background:var(--muted-bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.btn-primary:hover{filter:brightness(1.05)}.btn-danger{background:var(--surface);border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.match-list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.match-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;color:inherit;padding:14px 16px;text-decoration:none;display:block}.match-card:hover{border-color:var(--brand)}.match-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.match-card-title{font-size:1rem;font-weight:600}.match-card-meta{color:var(--text-muted);margin-top:4px;font-size:.85rem}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-neutral{background:var(--muted-bg);color:var(--text-muted)}.badge-progress{background:var(--warn-bg);color:var(--warn)}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.progress-bar{background:var(--muted-bg);border-radius:999px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--brand);height:100%;transition:width .2s}.empty-state,.error-state,.offline-banner{border-radius:var(--radius);text-align:center;color:var(--text-muted);padding:20px}.empty-state{border:1px dashed var(--border);background:var(--surface)}.error-state{border:1px solid var(--danger);background:var(--danger-bg);color:var(--danger);text-align:left}.offline-banner{border:1px solid var(--warn);background:var(--warn-bg);color:var(--warn);text-align:left;margin-bottom:16px;padding:10px 16px}.field-row{flex-wrap:wrap;gap:8px;display:flex}.field-row input[type=text]{border:1px solid var(--border);border-radius:8px;flex:1;min-width:200px;padding:9px 12px;font-size:1rem}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.detail-actions{flex-wrap:wrap;gap:8px;display:flex}.video-wrap{border-radius:var(--radius);background:#000;margin-bottom:16px;position:relative;overflow:hidden}.video-evidence-box{pointer-events:none;border:3px solid #45a3ff;position:absolute;box-shadow:0 0 0 2px #0000008c}.video-evidence-box span{color:#fff;white-space:nowrap;background:#1672c4;padding:2px 5px;font-size:.75rem;font-weight:700;position:absolute;bottom:100%;left:-3px}.video-wrap video{width:100%;max-height:72vh;display:block}.evidence-panel{margin:16px 0}.evidence-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.evidence-heading h3,.evidence-heading p{margin:0 0 6px}.evidence-list{gap:8px;margin:10px 0 16px;display:grid}.evidence-seek{text-align:left;justify-content:space-between;width:100%}.evidence-note{color:var(--text-muted);font-size:.9rem}.review-row{gap:6px;display:grid}.review-choices{flex-wrap:wrap;gap:6px;display:flex}.review-choices .btn[aria-pressed=true]{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}.review-save-error{color:var(--danger)}.effects-preview{background:var(--muted-bg);border-radius:8px;margin:12px 0;padding:12px}.effects-preview h4{margin:0 0 8px}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:16px 0;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.metric-value{font-size:1.4rem;font-weight:700}.metric-value.unavailable{color:var(--text-muted);font-size:1rem;font-weight:500}.metric-label{color:var(--text-muted);margin-top:2px;font-size:.85rem}.metric-quality{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-top:8px;font-size:.72rem;display:inline-block}.event-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.event-item{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;width:100%;color:inherit;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.event-item:hover{border-color:var(--brand)}.event-item.active{border-color:var(--brand);background:var(--ok-bg)}.event-time{font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:3.2rem}.event-type{text-transform:capitalize;font-weight:600}.upload-drop{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;background:var(--surface);padding:28px 16px}.auth-shell{place-items:center;min-height:calc(100vh - 64px);display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:14px;width:min(100%,420px);padding:28px;display:grid}.auth-card h1,.auth-card p{margin:0}.auth-card input{border:1px solid var(--border);width:100%;font:inherit;border-radius:8px;padding:11px 12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-input:focus-visible+label{outline:3px solid var(--focus-ring);outline-offset:2px}@media (width<=640px){.container{padding:12px 12px 32px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}