@import url('/dynamic.css');
*{box-sizing:border-box}body{margin:0;background:#102d29;color:white;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0;display:grid;place-items:center;background:#000}.screen{position:relative;width:100vw;height:56.25vw;max-height:100vh;max-width:177.78vh;overflow:hidden}.screen.portrait{width:56.25vh;height:100vh;max-width:100vw;max-height:177.78vw}.screen img,.screen video,.screen iframe{width:100%;height:100%;object-fit:contain;border:0}.layer{position:absolute;white-space:pre-wrap;line-height:1.2}.layer img{width:100%;height:auto}.overline{position:absolute;left:8%;top:12%;font-size:1.5cqw;letter-spacing:.2em}h2{position:absolute;left:8%;top:28%;font-size:6cqw;max-width:84%;line-height:1.1;font-weight:500;margin:0;white-space:pre-wrap}.message{position:absolute;left:8%;top:65%;font-size:2.3cqw;max-width:84%;line-height:1.4;white-space:pre-wrap}.foot{position:absolute;left:8%;bottom:8%;font-size:1.3cqw;letter-spacing:.2em}.idle{text-align:center;padding:35px;color:#adc7bc}.idle h1{font-weight:450}.idle p{font-size:16px}#setup{position:fixed;inset:0;background:#163d37;padding:5vh 8vw;z-index:2}#setup[hidden]{display:none}.logo{font-size:25px;margin-bottom:8vh}.eyebrow{font-size:10px;letter-spacing:3px;color:#aecbbd}#setup h1{font-size:clamp(30px,5vw,70px);font-weight:450;letter-spacing:-2px;line-height:1.1}#setup p{color:#afc7bc;line-height:1.8}#code{font-size:clamp(36px,6vw,90px);color:#c9e5a1;letter-spacing:8px;font-variant-numeric:tabular-nums;margin:15px 0}#setup small{color:#839f93}button{background:#ffffff16;border:1px solid #ffffff30;color:white;padding:10px 15px;border-radius:7px;cursor:pointer}#fullscreen{position:fixed;bottom:20px;right:20px;z-index:3;font-size:12px;opacity:.5}#fullscreen:hover{opacity:1}#connection{position:fixed;left:10px;bottom:8px;font-size:10px;opacity:.45}.clock{position:fixed;right:30px;top:25px;color:white}
.broadcast-frame{width:100vw;height:100vh;position:fixed;inset:0;border:0;background:#000}.broadcast-status{position:fixed;bottom:12px;left:15px;background:#182332d9;color:white;padding:8px 13px;font-size:12px;border-radius:4px}.audio-control{position:fixed;top:18px;right:18px;z-index:4}.dynamic-holder{width:100vw;max-width:177.78vh;height:56.25vw;max-height:100vh}
[hidden]{display:none!important}#setup{background:#f4f6f9;color:#20344b;padding:0;display:flex;flex-direction:column}.pair-header{height:110px;padding:26px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7ef;background:white}.pair-header img{width:220px;height:65px;object-fit:contain}.pair-header>span{font-size:11px;letter-spacing:2px;color:#8b98aa}.pair-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:5vh 10vw;flex:1}.pair-screen-icon{width:72px;height:72px;display:grid;place-items:center;border:1px solid #d8e4f7;background:#e9f1fd;border-radius:16px;color:#0757b5;margin-bottom:30px}.pair-screen-icon svg{width:43px;height:43px}#setup .eyebrow{font-size:10px;color:#7d8ea3;letter-spacing:2px}#setup h1{font-size:clamp(30px,3.6vw,56px);font-weight:650;letter-spacing:-2px;line-height:1.1;margin:18px 0}#setup p{font-size:15px;color:#7d8b9c;line-height:1.8}.pair-steps{display:grid;gap:13px;margin-top:28px;font-size:12px;color:#62758d}.pair-steps>span{display:flex;align-items:center;gap:12px}.pair-steps b{background:#e6edf7;color:#5277a8;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-size:11px}.pair-card{background:white;border:1px solid #dfe6ef;border-radius:17px;padding:40px 35px;text-align:center;box-shadow:0 10px 40px #15273706}.pair-label{font-size:10px;letter-spacing:2px;color:#8190a2;font-weight:650}#setup #code{font-size:clamp(30px,4vw,64px);font-weight:650;color:#0757b5;letter-spacing:5px;margin:27px 0 25px;white-space:nowrap}.pair-rule{height:1px;background:#e7ecf2}#setup #status{font-size:12px;color:#8a96a6;min-height:45px;margin:18px 0}#setup small{font-size:12px;color:#718399}.pair-wait{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px;font-size:11px;color:#8593a5}.pair-wait>span{width:6px;height:6px;border-radius:50%;background:#77a7e1;animation:pairpulse 2s infinite}.pair-footer{padding:20px 6vw;font-size:9px;letter-spacing:1px;color:#96a2b2;display:flex;justify-content:space-between;border-top:1px solid #e1e7ef}.pair-footer>span{letter-spacing:0}#setup #retry{color:#0757b5;background:#edf3fc;border:1px solid #dae5f4;font-size:12px;margin:0 auto 20px;display:block}#fullscreen{background:#ffffff0d;border:1px solid #ffffff20}.meeting-wait{text-align:center;color:#c4d5ea;padding:40px}.meeting-wait h1{font-size:40px;font-weight:500}.meeting-label{font-size:11px;letter-spacing:3px;color:#7894b6}.meeting-video{position:fixed;inset:0;width:100vw;height:100vh;object-fit:contain;background:#000}.meeting-video:not([src]){background:transparent}.meeting-audio{position:fixed;top:20px;right:20px;z-index:5}@keyframes pairpulse{50%{opacity:.25}}@media(max-width:760px){.pair-main{grid-template-columns:1fr;gap:30px;padding:25px 8vw;overflow:auto}.pair-header{height:80px;padding:16px 8vw}.pair-header img{width:160px;height:45px}.pair-intro{text-align:center}.pair-screen-icon{margin:0 auto 20px}.pair-steps{text-align:left;max-width:350px;margin:20px auto}.pair-card{padding:25px}.pair-footer>span{display:none}#setup #code{font-size:40px}.pair-footer{padding:15px 8vw}}

.meeting-welcome{height:100vh;box-sizing:border-box;background:#f4f6fa;color:#172a42;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-family:Arial;padding:5vh}.meeting-welcome img{width:220px;margin-bottom:5vh}.meeting-welcome>span{font-size:18px;letter-spacing:5px;color:#0757b5}.meeting-welcome h1{font-size:clamp(40px,5vw,90px);margin:20px 0}.meeting-welcome p{font-size:24px;color:#64748b}.meeting-join{background:white;border:1px solid #dce3ed;border-radius:18px;padding:26px 65px;margin:20px;display:flex;flex-direction:column;gap:12px}.meeting-join small{color:#64748b;font-size:17px}.meeting-join strong{font-size:28px;color:#0757b5}.meeting-join b{font-size:42px;letter-spacing:5px}.meeting-welcome footer{color:#64748b;font-size:17px;margin-top:20px}