:root{font-family:system-ui,sans-serif;color:#172033;background:#f3f5f8}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:20px}.participant main{height:100vh;padding:0;max-width:none;position:relative}.participant iframe{display:block;width:100%;height:100%;border:0}.black{position:absolute;inset:0;background:#000;z-index:2}.enable{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;border:0;border-radius:8px;background:#fff;font-size:1rem}.participant #status{position:fixed;bottom:8px;left:12px;color:#777;font-size:.75rem;z-index:4}.card{max-width:420px;margin:10vh auto;background:#fff;padding:28px;border-radius:12px;box-shadow:0 4px 24px #0001}.card h1{margin-top:0}label{display:block;margin:16px 0}input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #ccd3df;border-radius:6px}button{padding:12px 16px;border:0;border-radius:7px;background:#e1e6ee;color:#172033;font-size:1rem;cursor:pointer}.card button,.primary{background:#165dff;color:#fff}.bar{display:flex;justify-content:space-between;align-items:center}.bar a{color:#165dff}.controls{display:flex;flex-wrap:wrap;gap:12px;background:#fff;padding:24px;border-radius:12px}.hint{color:#687386;font-size:.9rem}.error{color:#b42318}