:root{color:#f5f5f5;background:#000;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#222;border:1px solid #777;border-radius:4px;padding:8px 12px}button:hover{background:#333}button:disabled{cursor:wait;opacity:.5}h1{margin:0 0 16px;font-size:24px}h2{margin:32px 0 10px;font-size:16px}p{line-height:1.4}code{color:inherit;overflow-wrap:anywhere}.error{color:#ff8080}.viewer,.video-wrap{width:100vw;height:100svh}.video-wrap{background:#000;position:relative}.video-wrap video{object-fit:contain;width:100%;height:100%;display:block}.research-brand{z-index:2;top:max(14px, env(safe-area-inset-top));white-space:nowrap;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.research-brand strong{letter-spacing:-.06em;font:900 20px/1 Arial Black,Arial,sans-serif}.research-brand span{color:#000;letter-spacing:.12em;background:#ffef0a;padding:4px 6px 3px;font:800 10px/1 Arial,sans-serif}.viewer-status{bottom:max(10px, env(safe-area-inset-bottom));color:#bbb;background:#000;padding:5px 7px;font:12px/1.2 monospace;position:absolute;left:12px}.viewer-error{background:#000;margin:0;padding:8px;position:absolute;top:48px;left:12px}.research-progress{top:max(52px, calc(env(safe-area-inset-top) + 40px));color:#000;background:#fff;grid-template-columns:1fr auto;gap:10px 18px;padding:14px;display:grid;position:absolute;left:12px;right:12px}.research-progress strong{font-size:16px;display:block}.research-progress span{color:#555;margin-top:3px;font-size:12px;display:block}.sample-count{align-self:center;font:800 18px/1 monospace}.sample-track{grid-column:1/-1;grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.sample-track i{background:#ddd;height:5px}.sample-track i.complete{background:#ff4d5e}.research-progress small{color:#666;grid-column:1/-1;font:11px/1.3 monospace}.control{width:min(760px,100%);margin:0 auto;padding:32px 20px}.control>h1:not(:first-child){margin-top:40px}.obs-settings{gap:12px;display:grid}.obs-settings>div{border:1px solid #555;grid-template-columns:100px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.obs-settings code{-webkit-user-select:all;user-select:all;font-family:monospace}.obs-settings p{color:#aaa;margin:0}.summary-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.reliability-grid{margin-top:14px}.summary-grid div{border:1px solid #555;gap:4px;padding:14px;display:grid}.summary-grid strong{font:800 26px/1 monospace}.summary-grid span{color:#aaa;font-size:12px}table{border-collapse:collapse;width:100%;font:12px/1.4 monospace}th,td{text-align:right;border-bottom:1px solid #444;padding:9px 6px}th:first-child,td:first-child{text-align:left}label{gap:8px;display:grid}textarea{color:#fff;resize:vertical;background:#111;border:1px solid #777;border-radius:0;width:100%;padding:10px}.button-row{gap:8px;margin-top:10px;display:flex}output{color:#aaa;min-height:20px;margin-top:10px;display:block}.overlay-page,.overlay-page body{background:0 0}.obs-color-probe{grid-template-columns:1fr 1fr;height:20vh;display:grid;position:fixed;bottom:0;left:0;right:0}.obs-color-probe i{display:block}@media (width<=640px){.obs-settings>div{grid-template-columns:1fr auto}.obs-settings strong{grid-column:1/-1}.summary-grid{grid-template-columns:repeat(2,1fr)}.research-progress{padding:12px}}