body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}.room{position:relative;display:flex;width:100%;height:80vh;overflow:hidden}.room .breakpoint-btn{padding:.75rem 1rem;font-size:1rem;background:linear-gradient(135deg,#00ffe7,#007dff);color:#0e0e0e;border:none;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 0 10px #00ffff4d;transition:all .25s ease}.room .breakpoint-btn:hover{box-shadow:0 0 20px #00ffff80}.room .remote-data{position:absolute;right:16px;display:flex;padding:10px 20px;gap:10px;background-color:#ffffffb3;height:fit-content;border-radius:20px}.room .remote-data__row-name{color:#000;font-size:14px}.room .remote-data__row-value{color:#000;font-weight:700;font-size:16px}.room .remote-video{height:100%;max-height:80vh;display:flex;margin:auto;border-radius:16px;overflow:hidden}.room .remote-video video{width:auto!important;object-fit:contain!important;margin:auto}.room .local-video{position:absolute;bottom:20px;right:20px;height:200px;border-radius:1rem;overflow:hidden;background:#222;box-shadow:0 0 12px #0ff3}.room .local-video video{width:auto!important;object-fit:contain!important;margin:auto}.preview{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.preview p{font-size:1rem;color:#aaa}.preview__video{display:flex;justify-content:center;align-items:center;margin-left:16px;margin-right:16px;width:100%;max-width:640px;border-radius:1rem;overflow:hidden;box-shadow:0 0 20px #00ffff1a,0 0 40px #00ffff0d}.preview__video video{width:100%;height:auto;max-height:80vh;object-fit:cover;border-radius:inherit}.preview .join-btn{padding:.75rem 2rem;font-size:1rem;background:linear-gradient(135deg,#00ffe7,#007dff);color:#0e0e0e;border:none;border-radius:999px;cursor:pointer;font-weight:600;box-shadow:0 0 10px #00ffff4d;transition:all .25s ease}.preview .join-btn:hover{box-shadow:0 0 20px #00ffff80;transform:translateY(-2px)}.preview .join-btn:active{transform:scale(.98)}.conference{min-height:calc(100vh - 80px);background:#0e0e0e;color:#f0f0f0;padding:40px;font-family:Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;align-items:center}.conference h1{font-size:2rem;margin-bottom:2rem;color:#fff;text-shadow:0 0 8px rgba(0,255,231,.1)}.conference .connected-msg{color:#00ffae;font-weight:700;margin-top:2rem;font-size:1.1rem;text-shadow:0 0 4px rgba(0,255,174,.5)}