.msg-group{flex-direction:column;gap:4px;min-width:0;display:flex}.msg{align-items:flex-end;gap:8px;width:100%;min-width:0;display:flex}.msg[data-align=end]{flex-direction:row-reverse}.msg+.msg[data-first]{margin-top:10px}.msg-avatar{flex-shrink:0;justify-content:center;align-items:center;width:28px;min-height:1px;display:flex}.msg-content{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;max-width:min(78%,560px);display:flex}.msg[data-align=end] .msg-content{align-items:flex-end}.msg-header{color:var(--v3-fg-muted);align-items:baseline;gap:6px;padding:0 12px;font-size:12px;font-weight:500;display:flex}.msg-header time{color:var(--v3-fg-dim);font-weight:400}.msg-footer{color:var(--v3-fg-dim);padding:0 12px;font-size:11px}.msg-bubble{white-space:pre-wrap;border-radius:18px;width:fit-content;max-width:100%;padding:8px 14px;font-size:14px;line-height:1.42}.msg-bubble[data-variant=theirs]{background:color-mix(in oklab, var(--v3-ink) 7%, var(--v3-surface-1));color:var(--v3-fg)}.msg-bubble[data-variant=mine]{background:var(--v3-fg);color:var(--v3-bg)}.msg-bubble[data-variant=ghost]{color:var(--v3-fg);background:0 0;padding-inline:2px}.msg[data-align=start] .msg-bubble[data-tail]{border-bottom-left-radius:6px}.msg[data-align=end] .msg-bubble[data-tail]{border-bottom-right-radius:6px}.msg-bubble a{color:inherit;text-underline-offset:3px;text-decoration:underline}.msg-marker{justify-content:center;margin:14px 0 8px;display:flex}.msg-marker>span{background:color-mix(in oklab, var(--v3-ink) 5%, transparent);color:var(--v3-fg-muted);border-radius:999px;padding:3px 10px;font-size:12px}.msg-typing{color:var(--v3-fg-dim);align-items:center;gap:8px;padding:6px 2px;font-size:13px;display:inline-flex}.msg-typing-dots{gap:3px;display:inline-flex}.msg-typing-dots i{width:5px;height:5px;animation:msg-dot 1.1s var(--ease-ios) infinite;background:currentColor;border-radius:999px}.msg-typing-dots i:nth-child(2){animation-delay:.15s}.msg-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes msg-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.msg-shimmer{background:linear-gradient(90deg, var(--v3-fg-dim) 40%, var(--v3-fg) 50%, var(--v3-fg-dim) 60%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.3s linear infinite msg-shimmer}@keyframes msg-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.avatar{background:color-mix(in oklab, var(--v3-ink) 9%, var(--v3-surface-1));color:var(--v3-fg-muted);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.avatar[data-shape=square]{border-radius:25%}.avatar[data-accent]{background:color-mix(in oklab, var(--avatar-accent) 18%, var(--v3-surface-1));color:color-mix(in oklab, var(--avatar-accent) 45%, var(--v3-fg))}.avatar img{object-fit:cover;width:100%;height:100%}.avatar[data-logo]{background:var(--v3-surface-3);box-shadow:inset 0 0 0 .5px var(--v3-edge);padding:12%}.avatar[data-logo] img{object-fit:contain}.msg-composer{background:var(--v3-surface-1);box-shadow:0 0 0 .5px var(--v3-edge-strong), 0 1px 2px color-mix(in oklab, var(--v3-shade) 25%, transparent);transition:box-shadow .16s var(--ease-ios);border-radius:22px;align-items:flex-end;gap:8px;padding:6px 6px 6px 16px;display:flex}.msg-composer:focus-within{box-shadow:0 0 0 1.5px var(--v3-fg)}.msg-composer-input{min-width:0;max-height:136px;color:var(--v3-fg);font:inherit;resize:none;background:0 0;border:0;outline:none;flex:1;padding:7px 0;font-size:14px;line-height:20px}.msg-composer-input::placeholder{color:var(--v3-fg-dim)}.msg-send{background:var(--v3-fg);width:32px;height:32px;color:var(--v3-bg);cursor:pointer;transition:opacity .16s var(--ease-ios), transform .16s var(--ease-ios);border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.msg-send:disabled{opacity:.25;cursor:default}.msg-send:not(:disabled):active{transform:scale(.92)}.msg-send svg{display:block}.msg-spinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.7s linear infinite msg-spin}@keyframes msg-spin{to{transform:rotate(360deg)}}@media (pointer:coarse){.msg-send{position:relative}.msg-send:after{content:"";border-radius:999px;position:absolute;inset:-6px}}@media (prefers-reduced-motion:reduce){.msg-typing-dots i,.msg-shimmer,.msg-spinner{animation-duration:0s;animation-iteration-count:1}}