:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f5f5f5;background:#080808;font-synthesis:none;letter-spacing:0;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:300px}button,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,select:focus-visible{outline:2px solid #ffe34b;outline-offset:5px}.shell{width:100%;max-width:520px;margin:auto;padding:28px 32px 24px}.brand{display:flex;flex-direction:column;align-items:center;gap:22px}.logo{display:block;width:230px;height:230px;object-fit:contain;background:#191919;border-radius:40px;padding:26px}.wordmark{font-size:30px;font-weight:700;line-height:1}.volume-hint{color:#ccc;font-size:14px;text-align:center;line-height:1.7}.heading{padding:28px 0;text-align:center}h1{font-size:24px;font-weight:500;line-height:1.4;margin:0;overflow-wrap:anywhere}.status{min-height:25px;color:#aaa;margin:14px 0 0;font-size:15px;line-height:1.7}.join-bar{display:flex;flex-direction:column;gap:26px;padding:0 0 32px}.language-field{width:100%}label{display:block;margin-bottom:16px;font-size:20px;font-weight:600;color:#f5f5f5}select{width:100%;height:50px;border:0;border-radius:10px;padding:0 16px;background:#303030;color:#fff}.join{width:100%;height:58px;background:#ffd400;color:#111;font-weight:600;font-size:20px;border-radius:32px}.join:hover:not(:disabled){background:#ffeb7b}.cancel{display:block;width:100%;height:48px;background:#262626;color:#eee;border-radius:4px;margin:0 0 28px}.notice{padding:14px 0;border-top:1px solid #4a3e21;color:#e9cb82;font-size:14px;line-height:1.7;overflow-wrap:anywhere}footer{display:flex;flex-direction:column;align-items:center;gap:10px;color:#858585;padding:12px 0 24px;font-size:12px;text-align:center;overflow-wrap:anywhere}.in-call{max-width:1040px;padding-top:28px}.in-call .brand{flex-direction:row;gap:16px}.in-call .logo{width:42px;height:42px;padding:0;border-radius:8px}.in-call .wordmark{font-size:26px}.in-call .heading{padding:30px 0 24px;text-align:left}.views{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:16px}.view{position:relative;overflow:hidden;height:340px;background:#181818;border:1px solid #2a2a2a;border-radius:6px}.local{background:#121212}.placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#777}.placeholder p{color:#d6d6d6;margin:14px 0 5px}.placeholder small{font-size:12px}.avatar{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;font-size:25px;background:#29362f;color:#b6d4c3}.video-surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-surface video{width:100%;height:100%;object-fit:cover}.view-label{position:absolute;bottom:14px;left:14px;padding:5px 9px;background:#000a;font-size:12px;display:flex;align-items:center;gap:6px;pointer-events:none}.controls{padding:28px 0;display:flex;gap:16px;justify-content:center}.controls button{width:52px;height:52px;border-radius:50%;background:#292929;color:#fff;display:grid;place-items:center}.controls .hangup{background:#be3939;width:72px;border-radius:28px}.controls button[aria-pressed=true]{background:#494949}.audio-only{position:relative;display:block;min-height:180px}.audio-only .view{height:180px;border:0;background:transparent}.audio-only .local{position:absolute;width:1px;height:1px;overflow:hidden}.audio-only .view-label,.audio-only .placeholder small{display:none}@media(max-width:600px){.shell{padding:24px 28px 20px}.logo{width:210px;height:210px}.wordmark{font-size:28px}.heading{padding-top:26px}h1{font-size:22px}.in-call{padding:24px 20px}.views{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.view{height:240px}}