:root{--ink:#111;--canvas:#fff;--soft-cloud:#f5f5f5;--mute:#707072;--hairline:#e5e5e5;--sale:#d30005;color:var(--ink);font-family:Inter,system-ui,sans-serif}body{background:var(--canvas);margin:0}.chat{height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.chat__list,.chat__thread{flex-direction:column;flex:1;min-height:0;display:flex}.chat--thread-open .chat__list,.chat:not(.chat--thread-open) .chat__thread{display:none}.bar{border-bottom:1px solid var(--hairline);align-items:center;gap:8px;padding:12px 16px;display:flex}.bar__title{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:24px;font-weight:500;line-height:1.2;overflow:hidden}.round{background:var(--soft-cloud);width:40px;height:40px;color:var(--ink);cursor:pointer;border:0;border-radius:9999px;font-size:18px}.round--primary{background:var(--ink);color:var(--canvas)}.status{color:var(--mute);font-size:12px}.status--offline{color:var(--sale)}.rows{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.row{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.row:hover,.row[aria-current=true]{background:var(--soft-cloud)}.avatar{background:var(--soft-cloud);border-radius:9999px;flex:none;place-items:center;width:48px;height:48px;font-weight:500;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.thread{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:24px;max-width:78%;padding:12px 18px;line-height:1.5}.bubble--sent{background:var(--ink);color:var(--canvas);align-self:flex-end}.bubble--received{background:var(--soft-cloud);align-self:flex-start}.bubble--problem{border:1px dashed var(--sale);color:var(--sale);background:0 0;align-self:flex-start;font-size:14px}.composer{padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--hairline);gap:8px;display:flex}.composer__input{box-sizing:border-box;background:var(--soft-cloud);min-width:0;height:48px;font:inherit;border:1px solid #0000;border-radius:24px;flex:1;padding:8px 16px}.composer__input:focus{background:var(--canvas);border-color:var(--ink);outline:none}.banner{background:var(--soft-cloud);border-radius:18px;margin:8px 16px;padding:12px 18px;font-size:14px}.banner--error{border:1px solid var(--sale);background:var(--canvas)}.banner__actions{gap:8px;margin-top:8px;display:flex}.pill{background:var(--ink);height:40px;color:var(--canvas);font:inherit;cursor:pointer;border:0;border-radius:30px;padding:0 24px;font-weight:500}.pill--secondary{background:var(--soft-cloud);color:var(--ink)}.empty{text-align:center;color:var(--mute);padding:48px 24px}@media (width>=900px){.chat{flex-direction:row}.chat__list{border-right:1px solid var(--hairline);flex:none;width:340px}.chat--thread-open .chat__list,.chat:not(.chat--thread-open) .chat__thread{display:flex}.chat__thread{flex:1}.back{display:none}}.auth-screen{color:#707072;justify-content:center;align-items:center;height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.auth-screen__link{color:#fff;background-color:#111;border-radius:30px;padding:16px 32px;font-size:16px;font-weight:500;text-decoration:none}