*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:Arial,Helvetica,sans-serif}.join-page[data-v-1571eaf5]{display:flex;flex-direction:column;padding:2rem}.join-page input[data-v-1571eaf5]{margin:1rem 0;padding:.5rem}.join-page button[data-v-1571eaf5]{padding:.5rem}.conference[data-v-b63c1bbd]{display:flex;flex-direction:column;height:100vh}.header[data-v-b63c1bbd]{padding:1rem;font-size:1.25rem;background:#222;color:#fff}.video-area[data-v-b63c1bbd]{flex:1;position:relative;background:#000}.local-video[data-v-b63c1bbd]{position:absolute;top:1rem;right:1rem;width:160px;height:120px;border-radius:4px;border:2px solid #fff}.remote-video[data-v-b63c1bbd]{width:100%;height:100%}.waiting[data-v-b63c1bbd]{color:#fff;font-size:1.5rem}.control-bar[data-v-b63c1bbd]{display:flex;justify-content:space-around;align-items:center;padding:1rem;background:#333}.control-bar button[data-v-b63c1bbd]{padding:.5rem 1rem;font-size:14px;border-radius:4px;border:none;cursor:pointer}.control-bar button.active[data-v-b63c1bbd]{background:#0078ff;color:#fff}