:root{--bg:#fff;--panel:#f5f5f5;--ink:#1a1a1a;--muted:#6b7280;--line:#e5e7eb;--accent:#374151}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:960px;margin:0 auto;padding:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}h1{letter-spacing:-.02em;font-weight:700}input,button{font:inherit}input{border:1px solid var(--line);border-radius:10px;width:100%;padding:12px 14px}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 16px}button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.stage{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.stage video.remote{object-fit:cover;width:100%;height:100%;display:block}.stage video.self{aspect-ratio:16/9;object-fit:cover;background:#111;border:2px solid #fff;border-radius:10px;width:26%;max-width:220px;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 14px #00000073}@media (width<=760px){.wrap{padding:12px}.stage{aspect-ratio:3/4}.stage video.self{aspect-ratio:3/4;width:36%;bottom:8px;right:8px}}.bar{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chat{border:1px solid var(--line);background:#fff;border-radius:12px;max-height:220px;margin-top:16px;padding:12px;overflow:auto}.msg{margin:4px 0}.msg span.me{color:var(--accent);font-weight:600}.msg span.peer{color:var(--ink);font-weight:600}.status{color:var(--muted);margin:8px 0;font-size:14px}.link{word-break:break-all;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px}.hidden{display:none}.btnlink{background:var(--accent);color:#fff;border-radius:10px;padding:12px 16px;text-decoration:none;display:inline-block}button.recording{color:#fff;background:#b91c1c}.session{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}