@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#fff;--fg:#111;--accent:#0047ff;--border:#f0f0f0;--subtle:#a0a0a0}body{background:var(--bg);height:100vh;color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif;overflow:hidden}main{box-sizing:border-box;grid-template-rows:auto 1fr 120px;grid-template-columns:1fr 300px;gap:40px;height:100vh;padding:40px;display:grid}header{border-bottom:1px solid var(--border);grid-area:1/1/auto/-1;justify-content:space-between;align-items:baseline;padding-bottom:20px;display:flex}h1{text-transform:uppercase;letter-spacing:.3em;margin:0;font-size:12px;font-weight:900}.status{text-transform:uppercase;color:var(--subtle);font-family:JetBrains Mono,monospace;font-size:10px}.stage{flex-direction:column;grid-area:2/1;justify-content:center;align-items:flex-start;display:flex}.pitch-hz{letter-spacing:-.05em;margin-left:-10px;font-family:JetBrains Mono,monospace;font-size:clamp(100px,18vw,220px);font-weight:700;line-height:.8}.pitch-note{color:var(--accent);margin-top:10px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:500}.sidebar{border-left:1px solid var(--border);flex-direction:column;grid-area:2/2;justify-content:center;gap:60px;padding-left:40px;display:flex}.confidence{flex-direction:column;gap:16px;display:flex}.conf-label{text-transform:uppercase;letter-spacing:.1em;color:var(--subtle);font-size:10px;font-weight:700}.conf-track{background:var(--border);width:100%;height:2px}.conf-fill{background:var(--fg);height:100%;transition:width .1s}.footer{border-top:1px solid var(--border);grid-area:3/1/auto/-1;grid-template-columns:1fr 300px;align-items:center;gap:40px;padding-top:20px;display:grid}#waveform{opacity:.6;width:100%;height:60px}button{all:unset;text-align:center;border:1px solid var(--fg);cursor:pointer;padding:18px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s}button:hover{background:var(--fg);color:var(--bg)}.camera-wrap{aspect-ratio:4/3;border:1px solid var(--border);background:#000;width:100%;position:relative;overflow:hidden}.camera-wrap video,.camera-wrap canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}