:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7e5dc;background:#101c22;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:1300px;margin:auto;padding:44px 5vw}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #546367;padding-bottom:28px}h1{font-size:clamp(42px,6vw,76px);line-height:1.02;font-weight:500;letter-spacing:-3px;margin:18px 0}h1 em{font-family:Georgia,serif;color:#d3d69f;font-weight:400}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:2px;color:#b9c49e}.badge{border:1px solid #7b8980;border-radius:50%;padding:32px 15px;font:12px ui-monospace;line-height:1.7;text-align:center;transform:rotate(7deg)}p{line-height:1.65;color:#b9c5c5}.intro{background:#223238;margin:24px 0;padding:18px}nav,.actions{display:flex;flex-wrap:wrap;gap:8px}button{background:#2a3c42;color:#eef1db;border:1px solid #617177;padding:11px 15px;border-radius:3px;cursor:pointer;font:inherit;margin:5px 5px 5px 0}button:hover{background:#3a5057}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:#d3d69f;color:#162025}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e5bc7b;outline-offset:3px}.status{border-left:3px solid #d3d69f;padding:10px 15px;min-height:45px}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}section:not(.intro){border:1px solid #42545a;padding:25px;margin-bottom:24px;background:#17272e}h2{font-size:27px;font-weight:500;letter-spacing:-.8px;margin-top:8px}.cue-stage{height:170px;background:#202b30;border:1px solid #46545b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.patch{height:48px;width:48px;background:#283137}.patch.lit{background:#62696c}.cue-stage span{font:11px ui-monospace;letter-spacing:2px;color:#91a8a8}.numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}label{display:block;color:#bac8c8;font-size:12px}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid #607479;background:#101e25;color:#ebeddc;border-radius:2px;padding:10px;font:14px ui-monospace}input[type=file]{font-size:12px}textarea{height:250px;resize:vertical}.video-wrap{position:relative;margin:18px 0}.video-wrap video{width:100%;display:block}.roi{position:absolute;border:2px dashed #e5bc7b;pointer-events:none}.result{border-top:3px solid #d3d69f!important}.readout{font-size:clamp(42px,6vw,72px);letter-spacing:-3px;color:#e5e8b8}.readout small{font-size:25px;letter-spacing:0;margin-left:10px}.stats{display:flex;gap:45px;padding:20px 0;border-block:1px solid #42545a;line-height:1.8}.stats b{font-family:ui-monospace}table{width:100%;border-collapse:collapse;font:12px ui-monospace;text-align:left}td,th{padding:12px 4px;border-bottom:1px solid #42545a}.fine{font-size:12px}.empty{padding:50px 10px;border:1px dashed #637378}footer{border-top:1px solid #536369;padding-top:24px}footer p{max-width:800px;font-size:12px}@media(max-width:760px){main{padding:22px 18px}.layout{grid-template-columns:1fr}.badge{display:none}section:not(.intro){padding:19px}.numbers{gap:10px}h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.badge{transform:none}}
