:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#14110f;--panel:#1f1a16;--ink:#f2e9dc;--muted:#a89b8a;--accent:#c9a14a;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}.shell{max-width:1100px;margin:0 auto;padding:32px 20px}header h1{letter-spacing:.04em;margin:0;font-size:2rem}.sub{color:var(--muted);margin:4px 0 24px}.error{color:#ff8a80;background:#3a1a17;border-radius:8px;padding:10px 14px}.lobby{display:flex;background:var(--panel);border-radius:14px;align-items: center;gap:28px;padding:28px}.portrait{object-fit:cover;border:2px solid var(--accent);border-radius:10px;width:200px;height:260px}.tags{color:var(--muted);margin:6px 0 18px}button{font:inherit;cursor:pointer;background:var(--accent);color:#1a1408;border:0;border-radius:8px;padding:12px 22px;font-size:1rem;font-weight:700}button:disabled{opacity:.5;cursor:default}.stage{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width:800px){.stage{grid-template-columns:1fr}}.bench{background:var(--panel);border-radius:14px;padding:14px}.avatar{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:10px;width:100%}.placeholder{display:grid;color:var(--muted);place-items: center}.status{display:flex;color:var(--muted);justify-content:space-between;align-items: center;margin-top:12px;font-size:.9rem}.pill{text-transform:capitalize;background:#2b2520;border-radius:999px;padding:4px 10px}.pill.speaking{color:var(--accent);background:#4a3a12}.pill.listening{color:#9be3b8;background:#1c3a2a}.pill.thinking{color:#b8b8ff;background:#2a2a44}.transcript{background:var(--panel);overflow:auto;border-radius:14px;max-height:70vh;padding:14px}.transcript h3{color:var(--muted);margin:0 0 10px;font-weight:400}.transcript ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.transcript li{line-height:1.4}.transcript li.me b{color:#9be3b8}.transcript li.judge b{color:var(--accent)}button.ghost{color:var(--muted);background:0 0;border:1px solid #3a322b;padding:6px 12px;font-weight:400}button.ghost:hover{color:var(--ink)}.status{gap:12px}.status .room{text-align:center;flex:1}