html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#081f24;color:#f6faf7;font:24px Arial,sans-serif}*{box-sizing:border-box}video{width:100%;height:100%;object-fit:contain;background:#081f24}#setup{position:absolute;inset:0;top:0;left:0;right:0;bottom:0;padding:8vh 10vw;background:#081f24}h1{font-size:64px;color:#8ee5ce;margin:0 0 36px}h2{font-size:38px}p{line-height:1.6}label{display:block;margin-bottom:12px}input,button{font:inherit;padding:18px;border:2px solid #8ee5ce;border-radius:8px}input{width:330px}button{background:#8ee5ce;color:#081f24;margin-left:16px;cursor:pointer}input:focus,button:focus{outline:4px solid #fff;outline-offset:4px}#notice{display:none;position:absolute;top:38%;left:10%;right:10%;padding:32px;background:#123c43;text-align:center;border-radius:12px}#identity{position:absolute;bottom:12px;left:16px;font-size:16px;color:#c2d8d2;background:#081f24;padding:5px 10px}#pairStatus{color:#ffd699}