@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;600;700;800&display=swap";:root{color:#11221f;background:#e8f1eb;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{border:0;background:#0d5b57;color:#fff;padding:13px 18px;cursor:pointer;border-radius:6px;font-weight:700}.welcome{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative}.welcome section{min-height:100vh;padding:12vh 10vw;display:flex;flex-direction:column;justify-content:center;gap:42px}.welcome section:first-of-type{background:#e8f1eb;align-items:center;text-align:center}.scan-side{background:#f4b942;align-items:center}h1{font-size:clamp(2.7rem,6vw,5.5rem);margin:0;letter-spacing:0}.eyebrow,small{font-family:DM Mono,monospace;text-transform:uppercase;font-size:.75rem}.settings{position:absolute;top:20px;right:20px;z-index:2}.icon{width:44px;height:44px;padding:0;font-size:22px}.scan-button{width:140px;height:140px;border-radius:50%;font-size:65px;background:#11221f}.panel,.scanner,.stream{min-height:100vh;padding:32px max(5vw,24px);background:#e8f1eb}header{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel{max-width:760px;margin:auto}.panel label{display:grid;gap:8px;font-weight:700;margin:32px 0}select{padding:12px;border:1px solid #b5c4bb;border-radius:5px;background:#fff}.scanner{text-align:center;background:#11221f;color:#fff}.scanner video{width:min(100%,680px);display:block;margin:40px auto 16px;border-radius:6px}.stream{background:#11221f;color:#fff}.stream header{margin-bottom:28px}.stream header>span:first-child{display:grid;gap:5px}.stream figure{position:relative;width:min(100%,480px);aspect-ratio:9 / 16;overflow:hidden}.stream-actions{display:flex;align-items:center;gap:8px;flex-direction:row;flex-wrap:nowrap}.zoom-controls{display:flex;align-items:center;gap:8px;margin-top:12px}.zoom-controls input[type=range]{width:min(100%,260px);accent-color:#f4b942}.stream video{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}.focusable-video{cursor:crosshair}.focus-status{font-family:DM Mono,monospace;font-size:.8rem}.stream-stats{max-width:680px;margin-top:20px}.stream-stats h2{margin:0 0 10px;font-size:1rem}.stream-stats dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:#47675f}.stream-stats dl div{padding:12px;background:#1d3731}.stream-stats dt{color:#b5c4bb;font-family:DM Mono,monospace;font-size:.7rem;text-transform:uppercase}.stream-stats dd{margin:4px 0 0;font-weight:700}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}figure{margin:0;background:#1d3731}video{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}figcaption{padding:10px;font-family:DM Mono,monospace;font-size:.75rem}@media(max-width:700px){.welcome{grid-template-columns:1fr}.welcome section{min-height:50vh;padding:64px 30px}.video-grid{grid-template-columns:1fr}}