: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-root{height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.chat,.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}}.bubble__author{color:var(--mute);margin-bottom:2px;font-size:12px;font-weight:500;display:block}.new-conversation{border-bottom:1px solid var(--hairline);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.new-conversation__mode{font-size:14px}.new-conversation__row{gap:8px;display:flex}.chips,.members{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.members{flex-direction:column}.members li{justify-content:space-between;align-items:center;gap:8px;display:flex}.chip{background:var(--soft-cloud);border-radius:9999px;align-items:center;gap:4px;padding:4px 12px;font-size:14px;display:inline-flex}.chip button{cursor:pointer;background:0 0;border:0;font-size:16px}.row__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.badge{box-sizing:border-box;background:var(--ink);min-width:22px;height:22px;color:var(--canvas);text-align:center;border-radius:9999px;flex:none;padding:0 6px;font-size:12px;font-weight:500;line-height:22px}.bubble__meta{opacity:.65;justify-content:flex-end;gap:6px;margin-top:2px;font-size:11px;display:flex}.security-code{flex-direction:column;align-items:flex-start}.security-code code{letter-spacing:.04em;overflow-wrap:anywhere;font-size:15px}.device-screen{max-width:560px;padding:calc(24px + env(safe-area-inset-top)) 16px 24px;flex-direction:column;gap:16px;margin:0 auto;display:flex}.device-screen__title{margin:0;font-size:28px;font-weight:500;line-height:1.2}.device-screen__error{color:var(--sale);margin:0}.device-screen .banner{margin:0}.device-screen .banner__actions,.device-approval{flex-wrap:wrap}.device-code{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;display:flex}.device-code__group{background:var(--soft-cloud);border-radius:12px;padding:8px 12px}.device-code__group--first{background:var(--ink);color:var(--canvas)}.device-approval{align-items:center;gap:8px;display:flex}.device-approval .composer__input{font-variant-numeric:tabular-nums;flex:0 8ch;min-width:0}.devices{gap:12px}.device-row{flex-wrap:wrap}.device-row__text{flex:1;min-width:0}.emoji-picker{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;max-height:45dvh;padding:8px 16px;display:flex}.emoji-picker__tabs{gap:4px;display:flex;overflow-x:auto}.emoji-picker__tabs button{cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:none;width:40px;height:40px;font-size:20px}.emoji-picker__tabs button[aria-selected=true]{background:var(--soft-cloud)}.emoji-picker__grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px;min-height:120px;display:grid;overflow-y:auto}.emoji-picker__grid button{cursor:pointer;background:0 0;border:0;border-radius:12px;height:40px;font-size:24px}.emoji-picker__grid button:hover,.emoji-picker__grid button:focus-visible{background:var(--soft-cloud)}.bubble--emoji{color:var(--ink);background:0 0;padding:0;font-size:40px;line-height:1.2}.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}