*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101018;font-family:Inter,system-ui,sans-serif;color:white}.hidden{display:none!important}.pair{height:100%;display:grid;place-content:center;text-align:center;padding:24px;background:radial-gradient(circle at 70% 15%,#2f87b855,transparent 34%),linear-gradient(135deg,#211238,#101823)}.logo{font-size:25px;color:#74c4e4;letter-spacing:.1em}.logo strong{color:white}.pair h1{font-size:42px;margin:22px 0 7px}.pair p{color:#bdc7d4}.pair form{display:flex;gap:10px;margin-top:20px}.pair input{width:230px;padding:17px;font-size:27px;letter-spacing:.2em;text-transform:uppercase;text-align:center;border:2px solid #ffffff32;border-radius:12px;background:#ffffff12;color:white;outline:none}.pair button{border:0;border-radius:12px;padding:0 24px;background:#3194bd;color:white;font-weight:800;font-size:16px}.pair #error{color:#ff9aa7}.stage,#media{width:100%;height:100%}#media img,#media video{width:100%;height:100%;object-fit:contain;background:#000;display:block}#offline{position:fixed;right:20px;bottom:18px;background:#181818dd;padding:9px 13px;border-radius:9px;font-size:12px;display:none}body.offline #offline{display:block}