*{margin:0;padding:0;box-sizing:border-box}@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&display=swap");body,html{font-family:Geist Mono,monospace;background-color:#000;color:#fff;line-height:1.5;height:100%}body{display:flex;align-items:center;justify-content:center;padding:1rem}.mb-4{margin-bottom:1rem}.text-center{text-align:center}.room-code{font-size:2rem;font-weight:600;letter-spacing:.1em;color:#fff;margin-bottom:2rem;padding:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:4px;background-color:rgba(255,255,255,.05);transition:all .2s ease;position:relative}.room-code:hover{border-color:rgba(255,255,255,.3);background-color:rgba(255,255,255,.1)}.room-code:after{content:"EDIT";position:absolute;top:-10px;right:10px;font-size:.6rem;background-color:rgba(0,0,0,.7);color:rgba(255,255,255,.6);padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .2s ease}.room-code:hover:after{opacity:1}.qr-wrapper{background-color:#000;display:inline-block;padding:.75rem;border-radius:4px;margin-bottom:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 30px rgba(255,255,255,.05)}.action-button{display:inline-block;background-color:transparent;color:#fff;font-family:Geist Mono,monospace;font-size:.875rem;padding:.5rem 1rem;border:1px solid;border-radius:4px;text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer}.action-button:hover{background-color:rgba(255,255,255,.05);text-decoration:none}.action-button:disabled{opacity:.5;cursor:not-allowed}button.action-button{background:none;outline:none}