:root{font:16px/1.5 system-ui,sans-serif;color:#172b39;background:#f2f5f7;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:0 auto;padding:40px 24px}header{margin-bottom:28px}h1{font-size:2.4rem;margin:8px 0}p{max-width:70ch}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.12em;color:#476575}form{max-width:520px;background:white;padding:24px;border-radius:16px;display:grid;gap:18px;box-shadow:0 3px 18px #1020300a}label{display:grid;gap:6px;font-weight:600}input,select,button{font:inherit;border-radius:8px;padding:10px 12px;border:1px solid #9cabb5}input,select{min-width:0;width:100%;background:white;color:inherit}button{background:#125569;color:white;cursor:pointer;border-color:#125569;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e5a126;outline-offset:3px}small{font-weight:400;color:#536874}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;min-height:20px;min-width:20px}.controls{display:flex;gap:10px;flex-wrap:wrap}.danger{background:#a02a38;border-color:#a02a38}.devices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.tile{margin:0;padding:12px;border-radius:12px;background:white;overflow:hidden}.tile video{width:100%;max-height:440px;background:#172b39;border-radius:8px}.tile figcaption{padding-top:8px}#participants{padding-left:24px}#error{color:#a02a38;font-weight:600}footer{margin-top:32px;color:#536874;font-size:.9rem}[hidden]{display:none!important}@media(max-width:600px){main{padding:24px 16px}.devices{grid-template-columns:1fr}.controls button{flex:1 1 45%}}