:root{--bg: #f3f0e8;--bg-2: #ebe6da;--ink: #1a1c18;--muted: #5c6358;--line: #c8c2b4;--accent: #0f5c4c;--accent-2: #c45c26;--panel: #fffdf8;--danger: #9b1d1d;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#dfe8d8 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#e8d9c4 0%,transparent 50%),var(--bg)}code,pre{font-family:var(--mono)}a{color:var(--accent)}.shell{max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.top .brand,.brand{font-family:var(--mono);font-weight:500;font-size:1.35rem;letter-spacing:-.02em}.brand.small{font-size:1.05rem}.lede{color:var(--muted);margin:.5rem 0 1.5rem;line-height:1.45}.panel{background:var(--panel);border:1px solid var(--line);padding:1.25rem 1.35rem 1.5rem}.panel h1{margin:0 0 .35rem;font-size:1.25rem;font-weight:600}.form{display:grid;gap:.85rem;margin-top:1rem}.form label{display:grid;gap:.35rem;font-size:.9rem;color:var(--muted)}input{font:inherit;padding:.55rem .65rem;border:1px solid var(--line);background:#fff;color:var(--ink)}button{font:inherit;font-weight:500;border:1px solid var(--accent);background:var(--accent);color:#f7faf7;padding:.55rem .9rem;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.muted{color:var(--muted);font-size:.92rem}.muted.tiny{font-size:.8rem}.error{color:var(--danger)}.invite-box{margin-top:1rem;padding:.75rem;background:var(--bg-2);border:1px dashed var(--line);word-break:break-all}.invite-box .label{font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.room-layout{height:100%;display:grid;grid-template-rows:auto auto 1fr auto}.room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-strip{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.status-strip span{font-family:var(--mono);font-size:.72rem;padding:.15rem .4rem;border:1px solid var(--line);background:var(--bg-2);color:var(--muted)}.header-actions{display:flex;gap:.4rem}.invite-banner{padding:.5rem 1rem;background:#e7efe6;border-bottom:1px solid var(--line);font-size:.85rem;word-break:break-all}.room-body{display:grid;grid-template-columns:1fr 220px;min-height:0}.transcript{overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.msg{border-left:3px solid var(--line);padding-left:.65rem}.msg-human{border-left-color:var(--accent)}.msg-agent{border-left-color:var(--accent-2)}.msg-system{border-left-color:#8a8678;opacity:.92}.msg-meta{display:flex;gap:.6rem;align-items:baseline;font-size:.78rem;color:var(--muted)}.who{font-weight:600;color:var(--ink)}.msg-text{margin:.25rem 0 0;white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.4;font-family:var(--sans)}.msg-agent .msg-text{font-family:var(--mono);font-size:.82rem}.msg.live{opacity:.85}.sidebar{border-left:1px solid var(--line);background:color-mix(in srgb,var(--panel) 70%,var(--bg-2));padding:.9rem;overflow:auto}.sidebar h2{margin:0 0 .5rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.member-list,.cmd-help{list-style:none;padding:0;margin:0 0 1.25rem}.member-list li{display:flex;align-items:center;gap:.4rem;font-size:.9rem;padding:.25rem 0}.member-list .dot{width:7px;height:7px;border-radius:50%;background:#9aa193}.member-list .online .dot{background:var(--accent)}.member-list .role{margin-left:auto;font-family:var(--mono);font-size:.7rem;color:var(--muted)}.cmd-help li{font-size:.8rem;margin-bottom:.35rem}.composer{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.75rem 1rem 1rem;border-top:1px solid var(--line);background:var(--panel)}@media(max-width:720px){.room-body{grid-template-columns:1fr}.sidebar{border-left:none;border-top:1px solid var(--line);max-height:180px}}