:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;--border: #888;--accent: #1a5fb4;--danger: #a51d2d}body{margin:0;line-height:1.5}main,.app-header{padding:1rem 1.5rem}.app-header{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border);flex-wrap:wrap}.app-title{font-weight:700}.app-nav{display:flex;gap:.75rem;flex-wrap:wrap}.nav-link{text-decoration:none}.nav-link-active{text-decoration:underline;font-weight:600}.app-user{margin-left:auto;opacity:.8}form{display:flex;flex-direction:column;gap:.5rem;max-width:28rem}label{font-weight:600}input,select,button{font-size:1rem;padding:.4rem .6rem}button{cursor:pointer;width:fit-content}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[role=alert]{color:var(--danger);font-weight:600}table{border-collapse:collapse;margin-top:1rem;width:100%;max-width:60rem}th,td{border:1px solid var(--border);padding:.4rem .6rem;text-align:left}.revealed-secret{border:2px solid var(--accent);padding:.75rem 1rem;margin:1rem 0;max-width:40rem}.revealed-secret code{word-break:break-all}.field-hint{margin:0;font-size:.85rem;opacity:.8}.capability-panel dl{display:grid;gap:.5rem}.capability-line{border-left:4px solid var(--border);padding-left:.75rem}.capability-line.capability-ok{border-left-color:#26a269}.capability-line.capability-missing{border-left-color:var(--danger)}.capability-line.capability-degraded,.capability-line.capability-unknown{border-left-color:#e5a50a}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.booting-screen{padding:2rem}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;display:flex;align-items:center;justify-content:center;padding:1rem}.dialog{background:canvas;color:canvastext;border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;max-width:32rem}.dialog-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.dialog-action-destructive{background:var(--danger);color:#fff;border-color:var(--danger)}.video-file-selector{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.video-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;max-width:50rem}.video-metadata dt{font-weight:600}.video-metadata dd{margin:0}.video-canvas{display:block;max-width:100%;background:#000;border:1px solid var(--border)}.video-timeline{display:flex;flex-direction:column;gap:.5rem;max-width:50rem}.video-timeline input[type=range]{width:100%}.video-timeline-controls{display:flex;align-items:center;gap:.75rem}.calibration-stage{position:relative;display:inline-block;max-width:100%}.calibration-overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;cursor:crosshair}.calibration-vertex-handle{position:absolute;width:.9rem;height:.9rem;margin:-.45rem;padding:0;border-radius:50%;border:2px solid #fff;background:var(--accent, #1565c0);cursor:grab}.calibration-vertex-handle:focus-visible{outline:3px solid #fff176;outline-offset:2px}.tracking-overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.calibration-draft-banner,.calibration-status,.calibration-error,.calibration-alignment{max-width:50rem}.calibration-alignment-mismatch{font-weight:600}.calibration-ring-editor{display:flex;flex-direction:column;gap:.75rem;max-width:50rem}.calibration-ring-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.calibration-ring-status{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.calibration-ring-status li[data-valid=false]{color:var(--danger)}.calibration-presets,.calibration-export-import{max-width:50rem}.calibration-preset-save-form,.calibration-preset-rename-form{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.calibration-preset-kind-badge{border:1px solid var(--border);border-radius:.25rem;padding:0 .35rem;font-size:.85em}:root{--mt-surface: #f7f4ee;--mt-surface-raised: #EDE7D9;--mt-text-primary: #4B4237;--mt-text-secondary: #6E6151;--mt-border: #348AA7;--mt-action: #D5A021;--mt-action-hover: #DEA828;--mt-action-text-on-fill: #3C352C;--mt-success-text: #047857;--mt-success-fill: #ecfdf5;--mt-warning-fill: #f59e0b;--mt-warning-text: #0f172a;--mt-warning-solid: #f59e0b;--mt-danger-text: #b91c1c;--mt-danger-fill: #fef2f2;--mt-danger-btn: #b91c1c;--mt-danger-btn-hover: #991b1b;--mt-info-text: #1d4ed8;--mt-info-fill: #eff6ff;--mt-neutral-text: #475569;--mt-neutral-fill: #f1f5f9;--mt-focus-ring: #348AA7;--mt-track: #e4dccb;--mt-overlay-stroke: #D5A021;--mt-overlay-stroke-miss: #b91c1c;--mt-link: #716361;--mt-shadow: 0 1px 2px 0 rgb(75 66 55 / .1);--mt-shadow-md: 0 4px 12px 0 rgb(75 66 55 / .16)}[data-theme=dark]{--mt-surface: #15120f;--mt-surface-raised: #241f19;--mt-text-primary: #EDE7D9;--mt-text-secondary: #988A7C;--mt-border: #348AA7;--mt-action: #D5A021;--mt-action-hover: #E1B13E;--mt-action-text-on-fill: #2A241C;--mt-success-text: #34d399;--mt-success-fill: #022c22;--mt-warning-fill: #451a03;--mt-warning-text: #fbbf24;--mt-warning-solid: #fbbf24;--mt-danger-text: #f87171;--mt-danger-fill: #450a0a;--mt-danger-btn: #dc2626;--mt-danger-btn-hover: #b91c1c;--mt-info-text: #60a5fa;--mt-info-fill: #172554;--mt-neutral-text: #94a3b8;--mt-neutral-fill: #1e293b;--mt-focus-ring: #348AA7;--mt-track: #352c22;--mt-overlay-stroke: #D5A021;--mt-overlay-stroke-miss: #f87171;--mt-link: #988987;--mt-shadow: 0 1px 2px 0 rgb(0 0 0 / .4);--mt-shadow-md: 0 8px 20px 0 rgb(0 0 0 / .55)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--mt-surface);color:var(--mt-text-primary);line-height:1.5}img,svg{display:block}a{color:var(--mt-link)}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--mt-border);background:var(--mt-surface-raised)}.topbar .brand{font-size:18px;font-weight:600;color:var(--mt-text-primary);display:flex;align-items:center;gap:8px}.topbar .brand .dot{width:10px;height:10px;border-radius:50%;background:var(--mt-action)}.topbar nav{display:flex;align-items:center;gap:16px}.topbar .step{font-size:14px;color:var(--mt-text-secondary)}.icon-btn{display:inline-flex;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--mt-border);border-radius:8px;background:var(--mt-surface);color:var(--mt-text-primary);font-size:14px;font-family:inherit;cursor:pointer}.icon-btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mt-focus-ring);outline-offset:2px}.content{flex:1;padding:32px 24px;max-width:980px;width:100%;margin:0 auto}@media(max-width:640px){.content{padding:16px}.topbar{padding:10px 16px}}h1.page-title{font-size:24px;font-weight:600;margin:0 0 4px;line-height:1.25}p.sub{font-size:16px;color:var(--mt-text-secondary);margin:0 0 24px;max-width:65ch}h2.section-heading{font-size:18px;font-weight:600;margin:0 0 12px}.card{background:var(--mt-surface-raised);border:1px solid var(--mt-border);border-radius:12px;padding:16px;box-shadow:var(--mt-shadow)}.card+.card{margin-top:16px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:16px}.row.wrap{flex-wrap:wrap}@media(max-width:640px){.row{flex-direction:column}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:8px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;border:none}.btn-primary{background:var(--mt-action);color:var(--mt-action-text-on-fill)}.btn-primary:hover{background:var(--mt-action-hover)}.btn-secondary{background:var(--mt-surface);color:var(--mt-text-primary);border:1px solid var(--mt-border)}.btn-destructive{background:var(--mt-danger-btn);color:#fff}.btn-destructive:hover{background:var(--mt-danger-btn-hover)}.btn-tertiary{background:transparent;color:var(--mt-text-secondary);font-weight:400;text-decoration:underline;padding:0;min-height:auto}.btn[disabled]{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:4px 10px;border-radius:999px}.badge-success{color:var(--mt-success-text);background:var(--mt-success-fill)}.badge-warning{color:var(--mt-warning-text);background:var(--mt-warning-fill)}.badge-danger{color:var(--mt-danger-text);background:var(--mt-danger-fill)}.badge-info{color:var(--mt-info-text);background:var(--mt-info-fill)}.badge-neutral{color:var(--mt-neutral-text);background:var(--mt-neutral-fill)}.panel{border-radius:10px;padding:14px 16px;font-size:14px;display:flex;gap:10px}.panel strong{display:block;font-size:16px;font-weight:600;margin-bottom:2px}.panel-info{background:var(--mt-info-fill);color:var(--mt-info-text)}.panel-warning{background:var(--mt-warning-fill);color:var(--mt-warning-text)}.panel-danger{background:var(--mt-danger-fill);color:var(--mt-danger-text)}.panel .panel-icon{font-size:18px;line-height:1.3}.panel .panel-body{color:var(--mt-text-primary);font-weight:400}.panel .panel-body strong{color:inherit}.progress-track{height:10px;border-radius:999px;background:var(--mt-track);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--mt-action)}.progress-fill.stalled{background:var(--mt-warning-solid)}.progress-fill.failed{background:var(--mt-danger-btn)}.progress-fill.estimating{background-image:repeating-linear-gradient(45deg,var(--mt-action) 0 8px,var(--mt-success-fill) 8px 16px)}.progress-row{display:flex;justify-content:space-between;font-size:14px;color:var(--mt-text-secondary);margin-top:6px}.stage-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--mt-border)}.stage-chip.pending{color:var(--mt-neutral-text);background:var(--mt-surface)}.stage-chip.active,.stage-chip.done{color:var(--mt-success-text);background:var(--mt-success-fill);border-color:var(--mt-success-text)}.stage-chip.failed{color:var(--mt-danger-text);background:var(--mt-danger-fill);border-color:var(--mt-danger-text)}details.disclosure{margin-top:12px}details.disclosure summary{cursor:pointer;font-size:14px;color:var(--mt-text-secondary);text-decoration:underline}details.disclosure .disclosure-body{margin-top:10px}label.field-label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--mt-text-primary)}input[type=text],input[type=time],select{font-family:inherit;font-size:16px;padding:10px 12px;border-radius:8px;border:1px solid var(--mt-border);background:var(--mt-surface);color:var(--mt-text-primary);min-height:44px}.help-text{font-size:14px;color:var(--mt-text-secondary);margin-top:4px}.error-text{font-size:14px;color:var(--mt-danger-text);margin-top:4px;font-weight:600}input[type=range]{width:100%;accent-color:var(--mt-action);height:20px}.choice-card{flex:1;border:2px solid var(--mt-border);border-radius:12px;padding:16px;cursor:pointer;background:var(--mt-surface)}.choice-card.selected{border-color:var(--mt-action);background:var(--mt-success-fill)}.choice-card h3{margin:0 0 4px;font-size:16px}.choice-card p{margin:0;font-size:14px;color:var(--mt-text-secondary)}table.data-table{width:100%;border-collapse:collapse;font-size:14px}table.data-table th{text-align:left;font-size:13px;color:var(--mt-text-secondary);padding:8px 10px;border-bottom:1px solid var(--mt-border)}table.data-table td{padding:10px;border-bottom:1px solid var(--mt-border);vertical-align:middle}@media(max-width:640px){table.data-table thead{display:none}table.data-table tr{display:block;border:1px solid var(--mt-border);border-radius:10px;margin-bottom:10px;padding:8px}table.data-table td{display:flex;justify-content:space-between;border-bottom:none;padding:6px 4px}table.data-table td[data-label]:before{content:attr(data-label);font-weight:600;color:var(--mt-text-secondary);margin-right:12px}}.match-name{font-weight:600}.match-sub{font-size:13px;color:var(--mt-text-secondary);margin-top:2px}.row-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.timeline{position:relative;height:56px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:10px;margin:12px 0}.timeline .selection{position:absolute;top:0;bottom:0;background:var(--mt-success-fill);border:2px solid var(--mt-action);border-radius:8px}.timeline .handle{position:absolute;top:-6px;width:14px;height:68px;background:var(--mt-action);border-radius:4px}.confidence-bar{display:flex;height:28px;border-radius:6px;overflow:hidden;border:1px solid var(--mt-border)}.confidence-bar span{height:100%}.c-high{background:var(--mt-success-text)}.c-low{background:var(--mt-warning-solid)}.c-missing{background:var(--mt-danger-btn)}.frame-pair{display:flex;gap:16px}@media(max-width:640px){.frame-pair{flex-direction:column}}.frame-box{flex:1;aspect-ratio:16/9;background:#111827;border-radius:10px;position:relative;overflow:hidden;border:1px solid var(--mt-border)}[data-theme=dark] .frame-box{background:#000}.frame-box .frame-label{position:absolute;bottom:8px;left:8px;background:#000000a6;color:#fff;font-size:12px;padding:3px 8px;border-radius:6px}.frame-box .crop-box{position:absolute;border:2px solid var(--mt-overlay-stroke);border-radius:4px}.frame-box .pitch{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid rgba(255,255,255,.25);border-radius:4px}.frame-box .ball{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--mt-overlay-stroke)}.toggle-row{display:flex;align-items:center;gap:8px;font-size:14px}.pill-group{display:inline-flex;border:1px solid var(--mt-border);border-radius:999px;overflow:hidden}.pill-group button{border:none;background:var(--mt-surface);color:var(--mt-text-primary);padding:8px 14px;font-size:14px;font-family:inherit;cursor:pointer;min-height:44px}.pill-group button.active{background:var(--mt-action);color:var(--mt-action-text-on-fill);font-weight:600}.breadcrumb{font-size:13px;color:var(--mt-text-secondary);margin-bottom:8px}.breadcrumb a{color:var(--mt-link);text-decoration:underline}.tracking-stage .video-canvas{border-color:var(--mt-border)}.ball-correction-handle{position:absolute;width:.9rem;height:.9rem;margin:-.45rem;padding:0;border-radius:50%;border:2px solid var(--mt-surface);background:var(--mt-action);cursor:grab}.ball-correction-handle:focus-visible{outline:3px solid var(--mt-focus-ring);outline-offset:2px}.crop-box-handle{position:absolute;width:.9rem;height:.9rem;margin:-.45rem;padding:0;border-radius:3px;border:2px solid var(--mt-surface);background:var(--mt-action);cursor:grab}.crop-box-handle:focus-visible{outline:3px solid var(--mt-focus-ring);outline-offset:2px}.crop-box-handle-nw,.crop-box-handle-se{cursor:nwse-resize}.crop-box-handle-ne,.crop-box-handle-sw{cursor:nesw-resize}.fallback-chip{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);display:flex;gap:8px;align-items:flex-start;background:#000000b8;color:#fff;padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.35}.fallback-chip-icon{font-size:15px}.fallback-chip-text{font-weight:600}.pitch-picker-layout{display:flex;gap:24px;align-items:flex-start}@media(max-width:640px){.pitch-picker-layout{flex-direction:column}}.pitch-picker-layout .calibration-stage{flex:1 1 auto;min-width:0}.pitch-picker-click-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.pitch-picker-sidebar{flex:0 0 280px;width:280px;display:flex;flex-direction:column;gap:10px}@media(max-width:640px){.pitch-picker-sidebar{width:auto;flex:0 0 auto}}.pitch-picker-counter{font-weight:600;font-size:14px;color:var(--mt-text-secondary);margin:0}.pitch-picker-prompt{font-size:18px;color:var(--mt-text-primary);margin:0}.pitch-picker-controls{display:flex;gap:10px;flex-wrap:wrap}.pitch-picker-skip-toast{margin:0;font-size:14px}.pitch-picker-confirm-hint{margin:0;font-size:13px;color:var(--mt-text-secondary)}.pitch-picker-out-of-frame{max-width:50rem}.calibration-mode-switch{margin:8px 0}.pitch-picker-save-form{max-width:50rem}.pitch-picker-save-form label{display:block;font-size:14px;font-weight:600;margin:8px 0 4px}.pitch-picker-save-form input[type=text]{border:1px solid var(--mt-border);background:var(--mt-surface);color:var(--mt-text-primary);border-radius:8px;padding:8px 10px;margin-right:8px}.pitch-crosshair{position:absolute;width:1.4rem;height:1.4rem;margin:-.7rem;padding:0;border:none;background:transparent;cursor:crosshair}.pitch-crosshair-unplaced{border-radius:0;background:linear-gradient(to bottom,var(--mt-action) 0 100%) no-repeat center / 2px 100%,linear-gradient(to right,var(--mt-action) 0 100%) no-repeat center / 100% 2px}.pitch-crosshair-placed{border-radius:50%;border:2px solid var(--mt-surface);background:var(--mt-action)}.pitch-crosshair:focus-visible{outline:3px solid var(--mt-focus-ring);outline-offset:2px}.pitch-magnifier{position:absolute;border-radius:50%;border:2px solid var(--mt-border);box-shadow:var(--mt-shadow-md);background:var(--mt-surface);overflow:hidden;pointer-events:none}.pitch-magnifier canvas{display:block;width:100%;height:100%}.pitch-magnifier-reticle{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent calc(50% - 1px),var(--mt-action) calc(50% - 1px),var(--mt-action) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to right,transparent calc(50% - 1px),var(--mt-action) calc(50% - 1px),var(--mt-action) calc(50% + 1px),transparent calc(50% + 1px))}.pitch-diagram{display:flex;flex-direction:column;gap:8px}.pitch-diagram svg{max-width:100%}.pitch-diagram-outline{fill:none;stroke:var(--mt-border);stroke-width:1.5}.pitch-diagram-point{stroke-width:2}.pitch-diagram-point-upcoming{fill:var(--mt-surface);stroke:var(--mt-border)}.pitch-diagram-point-current{fill:none;stroke:var(--mt-action);stroke-width:2.5}.pitch-diagram-point-current-fill{fill:var(--mt-action);opacity:.15;stroke:none}.pitch-diagram-point-placed{fill:var(--mt-success-text);stroke:var(--mt-success-text)}.pitch-diagram-point-skipped{fill:var(--mt-neutral-fill);stroke:var(--mt-neutral-text);stroke-dasharray:3 2}.pitch-diagram-point-flagged{fill:var(--mt-warning-solid);stroke:var(--mt-warning-solid)}.pitch-diagram-flag-badge{font-size:10px;font-weight:700;fill:var(--mt-warning-text)}.pitch-diagram-check{font-size:10px;fill:var(--mt-action-text-on-fill)}.pitch-diagram-number{font-size:9px;fill:var(--mt-text-primary)}.pitch-diagram-dash{stroke:var(--mt-neutral-text);stroke-width:2}.pitch-diagram-point-selectable{cursor:pointer}.pitch-diagram-point-selectable:focus-visible{outline:2px solid var(--mt-focus-ring);outline-offset:2px}.pitch-diagram-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--mt-text-secondary)}.pitch-diagram-legend-item{display:flex;align-items:center;gap:4px}.pitch-diagram-legend-swatch{width:10px;height:10px;border-radius:50%;display:inline-block}.pitch-diagram-legend-upcoming .pitch-diagram-legend-swatch{background:var(--mt-surface);border:1.5px solid var(--mt-border)}.pitch-diagram-legend-current .pitch-diagram-legend-swatch{background:var(--mt-action);opacity:.4}.pitch-diagram-legend-placed .pitch-diagram-legend-swatch{background:var(--mt-success-text)}.pitch-diagram-legend-skipped .pitch-diagram-legend-swatch{background:var(--mt-neutral-fill);border:1.5px dashed var(--mt-neutral-text)}.pitch-diagram-legend-flagged .pitch-diagram-legend-swatch{background:var(--mt-warning-solid)}.pitch-picker-verification{max-width:50rem;display:flex;flex-direction:column;gap:12px}.pitch-verification-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pitch-picker-recheck{margin-top:8px}