:root{--ink:#1d2433;--muted:#5c6475;--line:#e3e6ec;--accent:#2f6fde;--bg:#f7f8fa}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,Segoe UI,Tahoma,sans-serif}.bar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lang{color:var(--accent);text-decoration:none}main{max-width:720px;margin:0 auto;padding:16px}.card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:12px;padding:16px}label{margin:12px 0 4px;font-weight:600;display:block}input{border:1px solid var(--line);border-radius:8px;width:100%;padding:10px 12px;font-size:16px}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;margin-top:12px;padding:10px 16px;font-size:16px}button[disabled]{opacity:.6}.hint{color:var(--muted);font-size:14px}.error{color:#b42318}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tabs button{color:var(--ink);border:1px solid var(--line);background:#fff;margin:0}.tabs button[aria-pressed=true]{background:var(--accent);color:#fff}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.stat strong{font-size:24px;display:block}.room{gap:12px;display:grid}.room-remote video{background:#000;border-radius:12px;width:100%;max-height:70vh}.room-remote audio{display:none}.room-local video{border-radius:8px;width:30%;max-width:200px}.room-controls{flex-wrap:wrap;gap:8px;display:flex}
