*{box-sizing:border-box}body{font-family:Consolas,Menlo,Monaco,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Courier New,Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:wheat;background-color:#000;margin:1rem}.videoGrid{display:flex;align-items:center;justify-content:center}.videoGrid video{width:40vw;height:30vw;margin:1rem;background-color:wheat}.callActions{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:1.5rem;gap:1.5rem}.callCodeDisplay{margin-bottom:1rem}.callCodeDisplay #callCode{margin:auto;padding:1rem;overflow-wrap:anywhere;border:1px solid wheat}#callCodeInput{display:block;padding:.5rem;margin:auto;margin-top:1.5rem;margin-bottom:.5rem;text-align:center;font-size:1rem;font-family:inherit;border:1px solid wheat;background-color:#000;color:wheat;transition:border-color .2s ease}#callCodeInput:focus{outline:0;border-color:salmon}#callCodeInput::placeholder{opacity:.6}#endCallBtn{margin-bottom:4rem}#endCallBtn div{background-color:salmon}.btn{--stone-50:white;--stone-800:black;--yellow-400:wheat;font-size:1rem;cursor:pointer;margin:1rem;position:relative;font-family:Consolas,Menlo,Monaco,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Courier New,Courier,monospace;font-weight:700;line-height:1;padding:1px;transform:translate(-4px,-4px);outline:2px solid transparent;outline-offset:5px;border-radius:9999px;background-color:var(--stone-800);color:var(--stone-800);transition:transform 150ms ease,box-shadow 150ms ease;text-align:center;box-shadow:.5px .5px 0 0 var(--stone-800),1px 1px 0 0 var(--stone-800),1.5px 1.5px 0 0 var(--stone-800),2px 2px 0 0 var(--stone-800),2.5px 2.5px 0 0 var(--stone-800),3px 3px 0 0 var(--stone-800),0 0 0 2px var(--stone-50),.5px .5px 0 2px var(--stone-50),1px 1px 0 2px var(--stone-50),1.5px 1.5px 0 2px var(--stone-50),2px 2px 0 2px var(--stone-50),2.5px 2.5px 0 2px var(--stone-50),3px 3px 0 2px var(--stone-50),3.5px 3.5px 0 2px var(--stone-50),4px 4px 0 2px var(--stone-50)}.btn:hover{transform:translate(0,0);box-shadow:0 0 0 2px var(--stone-50)}.btn:active,.btn:focus-visible{outline-color:var(--yellow-400)}.btn:focus-visible{outline-style:dashed}.btn>div{position:relative;pointer-events:none;background-color:var(--yellow-400);border:2px solid rgba(255,255,255,.3);border-radius:9999px}.btn>div::before{content:"";position:absolute;inset:0;border-radius:9999px;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.8) 20%,transparent 20%),radial-gradient(#fff 20%,transparent 20%);background-position:0 0,4px 4px;background-size:8px 8px;mix-blend-mode:hard-light;animation:dots .5s infinite linear}.btn>div>span{position:relative;display:flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;gap:.25rem;filter:drop-shadow(0 -1px 0 rgba(255, 255, 255, .25))}.btn>div>span:active{transform:translateY(2px)}@keyframes dots{0%{background-position:0 0,4px 4px}100%{background-position:8px 0,12px 4px}}.btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.btn:disabled>div::before{animation:none}