:root{color:#e8edf2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090c10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -10%,#1c2930 0,#090c10 38rem);min-width:320px;margin:0}button,input{font:inherit}button{color:#07120c;cursor:pointer;background:#33d17a;border:0;border-radius:8px;min-height:46px;padding:0 18px;font-weight:800}button.secondary{color:#e8edf2;background:#29323a}button:disabled,input:disabled{opacity:.55;cursor:wait}input{color:#f5f7f9;background:#10151a;border:1px solid #3a4650;border-radius:8px;min-height:46px;padding:0 13px;font-family:SFMono-Regular,Consolas,monospace}a,summary,.link-button,.ghost-button{color:#5ee09a}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.94}h2{overflow-wrap:anywhere;margin-bottom:0;font-size:1.25rem}h3{color:#9aa8b3;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem}.tool-shell{width:min(1420px,100vw - 28px);margin:0 auto;padding:30px 0 60px}.masthead,.viewer-header,.route-meta,.transport-row,.state-badges{align-items:center;display:flex}.masthead,.viewer-header{justify-content:space-between;gap:20px}.masthead{margin-bottom:24px}.eyebrow{color:#6f8391;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800}.privacy-pill,.route-meta span{color:#9aabb6;border:1px solid #33424c;border-radius:999px;padding:6px 10px;font-size:.76rem}.reader-form,.status-panel,.viewer,.info-grid article{background:#10151af0;border:1px solid #27323a;border-radius:12px}.reader-form{padding:18px}label{margin-bottom:8px;font-weight:800;display:block}.input-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;display:grid}.form-hint,.muted{color:#8797a2}.form-hint{margin:9px 0 0}.quality-option{color:#b6c2ca;cursor:pointer;align-items:flex-start;gap:10px;width:fit-content;margin:12px 0 0;display:flex}.quality-option input{accent-color:#33d17a;width:18px;min-height:18px;margin:2px 0 0;padding:0}.quality-option span{gap:1px;display:grid}.quality-option small{color:#7f919c;font-weight:400}.ghost-button,.link-button{background:0 0;min-height:32px;padding:0}.jwt-option{margin-top:8px}.jwt-option summary{cursor:pointer;font-weight:700}.jwt-saved{color:#9aabb6;margin:0}.auth-status{margin-right:4px;font-size:.78rem;font-weight:750}.auth-status.valid{color:#62dda0}.auth-status.warning,.auth-status.checking{color:#f0bd63}.auth-status.invalid{color:#ff7f87;margin:8px 0 0}.token-row{grid-template-columns:1fr auto;gap:8px;margin-top:9px;display:grid}.status-panel{margin-top:12px;padding:13px 17px}.status-panel p{color:#a8b5be;margin:8px 0 0}.progress-track{background:#273139;border-radius:10px;height:6px;overflow:hidden}#progress-bar{background:#33d17a;width:0;height:100%;transition:width .15s}#progress-bar.error{background:#ff5f68}.viewer{margin-top:16px;padding:18px}.viewer-header{margin-bottom:14px}.route-meta{flex-wrap:wrap;justify-content:flex-end;gap:7px}.video-shell{aspect-ratio:1928/1208;background:#030405;border-radius:10px;max-height:72vh;margin:0 auto;position:relative;overflow:hidden}.video-shell video{object-fit:contain;width:100%;height:100%;display:block}.video-placeholder{color:#80909a;pointer-events:none;background:radial-gradient(circle,#182128,#050709);place-items:center;display:grid;position:absolute;inset:0}.video-placeholder[hidden]{display:none}.model-input-frame{pointer-events:none;border:1px dashed #3fda8947;position:absolute;inset:8% 12% 10%}.face-box{pointer-events:none;background:#4de08e12;border:3px solid #4de08e;border-radius:12px;min-width:70px;position:absolute;box-shadow:0 0 0 2px #000000a6}.face-box span{color:#07110b;white-space:nowrap;background:#4de08e;border-radius:4px 4px 0 0;padding:3px 6px;font-size:.65rem;font-weight:900;position:absolute;bottom:100%;left:-3px}.other-box{background:#ffbb6612;border-color:#fb6}.other-box span{background:#fb6}.transport-row{color:#8e9ca6;gap:12px;margin:12px 0;font:.78rem SFMono-Regular,Consolas,monospace}.transport-row input{accent-color:#33d17a;flex:1;min-height:24px;padding:0}.state-badges{flex-wrap:wrap;gap:8px;margin:12px 0}.state-badge{text-transform:uppercase;border-radius:999px;padding:7px 11px;font-size:.74rem;font-weight:850}.state-badge.ok{color:#6ce5a2;background:#153a28}.state-badge.warn{color:#ffd272;background:#3c3218}.state-badge.danger{color:#ff858d;background:#421e24}.debug-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.debug-card,.history-card{background:#11171c;border:1px solid #28343c;border-radius:10px;padding:16px}.debug-card:first-child{border-top-color:#5af}.debug-card:nth-child(2){border-top-color:#4de08e}.debug-card:nth-child(3){border-top-color:#fb6}.hero-value{letter-spacing:-.06em;margin:-5px 0 0;font-size:3.8rem;line-height:1;display:block}.debug-card p{color:#8698a4;font-size:.78rem}dl{margin:0}dl div{border-top:1px solid #222c33;grid-template-columns:minmax(110px,.9fr) 1.2fr;gap:12px;padding:7px 0;display:grid}dt{color:#778995;font-size:.78rem}dd{text-align:right;overflow-wrap:anywhere;margin:0;font-family:SFMono-Regular,Consolas,monospace;font-size:.76rem}.history-card{margin-top:12px}#history-chart{width:100%;height:190px;overflow:visible}#history-chart text{fill:#82939e;font:14px Inter,sans-serif}.chart-grid{stroke:#35414a;stroke-width:1px}.awareness-line{fill:none;stroke:#58b7ff;stroke-width:4px;vector-effect:non-scaling-stroke}.lane-eye{fill:#ffb65b}.lane-phone{fill:#ff5f68}.lane-pose{fill:#58b7ff}.info-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.info-grid article{padding:18px}.info-grid p{color:#a1afb8;margin:8px 0 0}@media (width<=900px){.debug-grid,.info-grid{grid-template-columns:1fr}.input-row{grid-template-columns:1fr 1fr}.input-row input{grid-column:1/-1}.viewer-header{flex-direction:column;align-items:flex-start}.route-meta{justify-content:flex-start}}@media (width<=540px){.tool-shell{width:min(100% - 16px,1420px);padding-top:18px}.masthead{flex-direction:column;align-items:flex-start}.input-row,.token-row{grid-template-columns:1fr}.viewer{padding:10px}.transport-row span:last-child{display:none}}