:root{color:#edf2f8;background:#132233;font:18px system-ui,sans-serif}body{margin:0}main{max-width:720px;margin:auto;padding:24px}h1{font-size:1.6rem}p{line-height:1.5}label{margin:14px 0;display:block}input,select,button,textarea{font:inherit;box-sizing:border-box;border-radius:8px;padding:12px}input,select{width:100%;margin-top:6px}button{color:#122133;cursor:pointer;background:#a6e6c8;border:0;min-height:48px}button:disabled{opacity:.45;cursor:default}#connect{width:100%}.actions{gap:12px;display:flex}#hangup{background:#ffb9b1}video{background:#000;width:100%;max-height:300px}details{margin-top:28px}pre{white-space:pre-wrap;word-break:break-word;max-height:300px;font-size:13px;overflow:auto}textarea{width:100%;height:240px;font:12px monospace}:focus-visible{outline-offset:3px;outline:3px solid #ffd56b}