:root{--bg:#0e1116;--panel:#171c24;--border:#2a3240;--text:#e8edf4;--text-dim:#93a0b4;--accent:#3fa9f5;--accent-2:#f5533f;--series-left:#3987e5;--series-right:#d95926;--series-3:#199e70;--series-4:#9085e9;--series-5:#c98500;--chart-grid:#2a3240;--hint:#e0a92e;--heat-low:#1f2633;--heat-high:#f0a03c;--accent-ink:#06121c;--success:#2e8b57;--warning:#d4a017;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:light){:root{--bg:#f3f5f8;--panel:#fff;--border:#d5dbe4;--text:#18202b;--text-dim:#566173;--accent:#1a64c2;--accent-2:#d03a2c;--accent-ink:#fff;--series-left:#2a78d6;--series-right:#eb6834;--series-3:#178a64;--series-4:#6250d6;--series-5:#c08000;--chart-grid:#e3e8ef;--hint:#8a5a00;--heat-low:#e9edf2;--heat-high:#c2410c;--success:#2e8b57;--warning:#b58900;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);margin:0;line-height:1.5}#app{max-width:960px;margin:0 auto;padding:24px 16px 48px}.app-header h1{letter-spacing:.02em;margin:0 0 4px;font-size:1.6rem}.tagline{color:var(--text-dim);margin:0 0 24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.dropzone{width:100%;font:inherit;color:var(--text);border:2px dashed var(--border);cursor:pointer;text-align:center;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:140px;padding:16px;transition:border-color .15s;display:flex}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent)}.dropzone span{color:var(--text-dim);font-size:.9rem}.video-stage{cursor:pointer;width:100%;position:relative}.video-stage video{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:70vh;display:block}.video-stage canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.video-stage--data{background:linear-gradient(var(--border) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, var(--border) 1px, transparent 1px) 0 0 / 40px 40px, #05070a;border-radius:8px;max-height:70vh;margin:0 auto}.stage-caption{color:var(--text-dim);margin:6px 0 0;font-size:.8rem}.controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.controls--disabled{opacity:.5}.controls__scrubber{accent-color:var(--accent);flex:200px}.controls__time{font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:11ch;font-size:.9rem}.controls__rates{gap:4px;display:flex}.controls__toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:4px;font-size:.9rem;display:flex}.controls__keys{color:var(--text-dim);margin:8px 0 0;font-size:.8rem}.legend:before{content:"";vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.legend--left:before{background:var(--series-left)}.legend--right:before{background:var(--series-right)}.button--icon{min-width:40px;padding:6px 10px;font-size:1rem;line-height:1}.button--small{padding:4px 8px;font-size:.85rem}.button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.app-footer{color:var(--text-dim);text-align:center;margin-top:32px}.dropzone--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.status{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin-bottom:16px;padding:12px 16px}.status p{overflow-wrap:anywhere;margin:0}.status__detail{color:var(--text-dim);font-size:.9rem}.status__progress{width:100%;margin-top:8px}.status--success{border-color:var(--success)}.status--warning{border-color:var(--warning)}.status--error{border-color:var(--accent-2)}.dim{color:var(--text-dim)}.upload-alt{text-align:center;color:var(--text-dim);margin:12px 0 0;font-size:.9rem}.link-button{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.button{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px}.button:hover:not(:disabled){border-color:var(--accent)}.button:disabled{opacity:.5;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.button--primary:hover:not(:disabled){filter:brightness(1.1)}.field{flex-direction:column;flex:200px;gap:4px;min-width:0;display:flex}.field select,.field input{max-width:100%}.field__label{color:var(--text-dim);font-size:.85rem}.field input,.field select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.analysis-setup{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.analysis-progress progress{width:100%}.analysis-progress__row,.analysis-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.analysis-summary p{margin:0}.analysis-summary{margin-top:12px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.metrics__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.metrics__title{margin:0;font-size:1.2rem}.metrics__tools{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field--inline{flex:none}.frame-panel{border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:12px 14px}.frame-panel__header{justify-content:space-between;align-items:baseline;display:flex}.frame-panel__title{margin:0 0 6px;font-size:1rem}.stance__name{margin:0}.stance__score{color:var(--text-dim);margin-left:10px;font-size:.85rem}.checks{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.check{align-items:baseline;gap:8px;font-size:.92rem;display:flex}.check__icon{text-align:center;width:1.2em;font-weight:700}.check--inside .check__icon{color:var(--series-3)}.check--outside .check__icon{color:var(--hint)}.check--uncertain{color:var(--text-dim)}.stance__note{color:var(--text-dim);margin:6px 0 0;font-size:.8rem}.values{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 16px;margin:12px 0 0;display:grid}.values__item{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding-bottom:2px;font-size:.88rem;display:flex}.values dt{color:var(--text-dim)}.values dd{font-variant-numeric:tabular-nums;margin:0}.charts{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.chart-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.chart-panel__title{margin:0;font-size:1rem}.chart-panel__hint{color:var(--text-dim);margin:2px 0 6px;font-size:.82rem}.chart-panel__plot{min-height:170px;position:relative}.chips{flex-wrap:wrap;gap:4px;display:flex}.chip{font:inherit;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:2px 10px;font-size:.82rem}.chip[aria-pressed=true]{color:var(--text);border-color:var(--accent)}.chart-time-line{background:var(--text);opacity:.7;pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.u-legend{color:var(--text-dim);font-size:.82rem}.u-legend .u-value{color:var(--text);font-variant-numeric:tabular-nums}.u-select{background:color-mix(in srgb, var(--accent) 15%, transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.timeline{margin-top:10px}.timeline__track{background:var(--bg);border:1px solid var(--border);border-radius:6px;height:34px;position:relative;overflow:hidden}.timeline__technique{cursor:pointer;border:0;border-right:2px solid var(--bg);background:0 0;padding:0;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.timeline__move{background:color-mix(in srgb, var(--series-3) 28%, transparent);border-radius:4px 0 0 4px;min-width:0}.timeline__hold{background:var(--series-3);border-radius:0 4px 4px 0;min-width:2px}.timeline__label{font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 0 2px var(--bg), 0 0 3px var(--bg);pointer-events:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex;position:absolute;inset:0}.timeline__technique:hover .timeline__hold,.timeline__technique--active .timeline__hold{background:color-mix(in srgb, var(--series-3) 75%, var(--text))}.timeline__technique:focus-visible{outline:2px solid var(--accent);outline-offset:1px;z-index:1}.timeline__marker{background:var(--text);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.timeline__legend{color:var(--text-dim);margin:4px 0 0;font-size:.8rem}.timeline__swatch{vertical-align:-1px;background:var(--series-3);border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.timeline__swatch--move{background:color-mix(in srgb, var(--series-3) 28%, transparent);outline:1px solid color-mix(in srgb, var(--series-3) 50%, transparent)}.section-title{margin:0 0 4px;font-size:1.15rem}.section-hint{color:var(--text-dim);margin:0 0 12px;font-size:.85rem}.tiles{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px;display:grid}.tile{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex-direction:column;padding:8px 10px;display:flex}.tile__value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.tile__label{color:var(--text-dim);font-size:.8rem}.table-scroll{position:relative;overflow-x:auto}.techniques{border-collapse:collapse;width:100%;font-size:.88rem}.techniques th,.techniques td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:5px 8px}.techniques th{color:var(--text-dim);font-weight:600}.techniques .num{text-align:right;font-variant-numeric:tabular-nums}.bar-cell{min-width:120px}.bar{vertical-align:middle;border-radius:0 4px 4px 0;max-width:70px;height:10px;margin-right:6px;display:inline-block}.bar-cell .bar{width:0}.bar--move{background:color-mix(in srgb, var(--series-3) 45%, transparent)}.bar--hold{background:var(--series-3)}.bar-cell__value{font-variant-numeric:tabular-nums}.hint-icon{color:var(--hint);cursor:help}.compare-upload{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.compare-progress{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.compare-progress__stage{cursor:default;flex:0 0 220px}.compare-progress__status{flex:240px}.compare-progress__title{margin:0 0 6px}.compare{margin-top:16px}.compare__stages{grid-template-columns:1fr 1fr;align-items:start;gap:8px;display:grid}.compare__stage{margin:0}.compare__stage .video-stage{cursor:default}.compare__stage figcaption{text-align:center;color:var(--text-dim);margin-top:4px;font-size:.8rem}.compare__heat{height:18px;margin:10px 0 6px;position:relative}.compare__heatmap{background:var(--bg);cursor:pointer;border-radius:4px;width:100%;height:100%;display:block}.compare__heat-marker{background:var(--text);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.compare__hint{color:var(--hint)}.intro__steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 12px;padding:0;list-style:none;display:grid}.intro__steps li{border:1px solid var(--border);background:var(--bg);counter-increment:step;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px 10px 44px;display:flex;position:relative}.intro__steps li:before{content:counter(step);background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:10px;left:12px}.intro__steps span{color:var(--text-dim);font-size:.88rem}.intro__privacy{border-left:3px solid var(--success);background:color-mix(in srgb, var(--success) 10%, transparent);border-radius:0 8px 8px 0;margin:0 0 12px;padding:8px 12px;font-size:.92rem}.intro__actions{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.intro__tips{flex:260px;font-size:.9rem}.intro__tips summary{cursor:pointer;color:var(--accent);padding:8px 0}.intro__tips ul{color:var(--text-dim);margin:4px 0 0;padding-left:20px}.intro--compact .intro__steps{display:none}.intro--compact .intro__privacy{margin-bottom:8px}@media (max-width:600px){#app{padding:16px 10px 32px}.panel{border-radius:10px;padding:12px}.app-header h1{font-size:1.35rem}.controls{flex-wrap:wrap}.controls__scrubber{flex-basis:100%;order:-1}.controls__shortcuts{display:none}.compare__stages{grid-template-columns:1fr}.compare-progress__stage{flex-basis:100%}}#compare-name{overflow-wrap:anywhere;min-width:0}.compare:focus{outline:none}.compare-message{border-left:3px solid var(--border);background:var(--bg);overflow-wrap:anywhere;border-radius:0 8px 8px 0;margin:10px 0 0;padding:8px 12px;font-size:.9rem}.compare-message--error{border-left-color:var(--accent-2)}.rhythm-notes{color:var(--text-dim);flex-direction:column;gap:2px;margin:8px 0 0;font-size:.82rem;display:flex}.timeline__technique{container-type:inline-size}@container (width<=16px){.timeline__label{display:none}}.stance-explained{color:var(--text-dim);font-size:.85em}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}
