:root{--text:#1c1f24;--muted:#8a9099;--stripe:#f7f8fa;--bad:#e5484d}*{box-sizing:border-box}body{color:var(--text);background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4}main{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:24px 16px 48px;display:flex}h1{margin:0;font-size:1.6rem}#input{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#input h1,#input p{width:100%;margin:0}#input p{color:var(--muted)}input[type=file]{font:inherit;color:var(--muted)}button{color:#fff;font:inherit;cursor:pointer;background:#555;border:none;border-radius:12px;padding:9px 18px}input[type=file]::file-selector-button{color:#fff;font:inherit;cursor:pointer;background:#555;border:none;border-radius:12px;padding:9px 18px}input[type=file]::file-selector-button{margin-right:10px}button:hover{background:#333}input[type=file]::file-selector-button:hover{background:#333}button:disabled{opacity:.5;cursor:default}#progress-text{color:var(--muted);margin:0}#analyzing:has(#progress-text:empty){display:none}.player{background:#000;border-radius:12px;width:100%;max-width:360px;margin:0 auto;position:relative;overflow:hidden}.player video{width:100%;display:block}.player canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#results{flex-direction:column;gap:10px;display:flex}#results[hidden]{display:none}#summary{margin:0;font-size:1.1rem;font-weight:600}.note{color:var(--muted);margin:0;font-size:.85rem}#rep-list{margin:0;padding:0;list-style:none}.rep{cursor:pointer;grid-template-columns:1fr 2fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.rep:nth-child(odd){background:var(--stripe)}.rep:hover{background:#eef0f3}.rep.shallow strong{color:var(--bad)}#export{align-self:flex-end}