@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}.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{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}.stream video{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover}.stream video.rotate-landscape{position:absolute;top:50%;left:50%;width:177.78%;height:56.25%;transform:translate(-50%,-50%) rotate(90deg)}.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}}