:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#d1d7db;--panel:#efeae2;--panel-2:#fff;--topbar:#f0f2f5;--bubble-in:#fff;--bubble-out:#d9fdd3;--text:#111b21;--muted:#667781;--border:#d1d7db;--accent:#008069;--danger:#ff6b6b;--shadow:0 10px 30px #0000002e}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}#root{height:100%}.app{place-items:center;height:100%;padding:18px;display:grid}.shell{background:var(--panel);border:1px solid var(--border);width:min(430px,100%);height:min(820px,100%);box-shadow:var(--shadow);border-radius:18px;grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--topbar);align-items:center;gap:10px;padding:12px;display:flex}.avatar{letter-spacing:.5px;color:#fff;background:radial-gradient(circle at 30% 30%,#23d366,#0f766e);border-radius:999px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.title{flex:1;min-width:0}.title h1{margin:0;font-size:15px;line-height:1.1}.title p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:12px;overflow:hidden}.pill{color:var(--muted);border:1px solid var(--border);background:#ffffffb3;border-radius:999px;padding:6px 10px;font-size:11px}.chat{background:radial-gradient(circle at 30% 20%, #0080690f, transparent 45%), radial-gradient(circle at 80% 70%, #0080690d, transparent 48%), var(--panel);flex-direction:column;gap:10px;padding:12px;display:flex;overflow:auto}.day{color:var(--muted);border:1px solid var(--border);background:#fffc;border-radius:999px;align-self:center;padding:6px 10px;font-size:12px}.msg{white-space:pre-wrap;border-radius:14px;max-width:92%;padding:10px;font-size:14px;line-height:1.35}.msg.in{background:var(--bubble-in);border:1px solid #0000000f;align-self:flex-start}.msg.out{background:var(--bubble-out);border:1px solid #0000000f;align-self:flex-end}.meta{color:#667781e6;margin-top:8px;font-size:11px}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chips.chipsBlocked{pointer-events:none;-webkit-user-select:none;user-select:none}.chips.chipsBlocked .chip{opacity:.45}.chips.chipsBlocked .chip.pressed{opacity:.95}.chip{color:#111b21;letter-spacing:.03em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0080691f;border:1px solid #00806961;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.chipInner{align-items:center;gap:6px;display:inline-flex}.chipIcon{flex-shrink:0;font-size:14px;line-height:1}.chipLabel{text-transform:uppercase;font-size:11px}.chip:hover:not(:disabled){filter:brightness(1.06)}.chip:active:not(:disabled){transform:translateY(1px)}.chip:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:none;transform:none}.chip:disabled:hover{filter:none;transform:none}.chip.pressed{border-color:#00806973;box-shadow:0 0 0 3px #0080692e}.composer{border-top:1px solid var(--border);background:var(--topbar);grid-template-columns:1fr auto;gap:10px;padding:10px;display:grid}.composer input{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:999px;outline:none;padding:10px 12px}.composer input::placeholder{color:#667781e6}.join{gap:10px;padding:14px;display:grid}.field label{color:var(--muted);margin:0 0 6px;font-size:12px;display:block}.field input,.field select{border:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);border-radius:12px;outline:none;padding:10px}.btn{color:var(--text);cursor:pointer;background:#ffffffe6;border:1px solid #0000001f;border-radius:12px;padding:10px 12px;font-weight:700}.btn.primary{background:#0080692e;border-color:#00806980}.btn:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--danger);font-size:12px;line-height:1.35}