.composer-field{display:contents}.msg-menu-reactions{border-bottom:1px solid var(--border);justify-content:space-between;gap:2px;margin-bottom:4px;padding:2px 2px 6px;display:flex}.msg-menu-reactions button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;display:grid}.msg-menu-reactions button:hover,.msg-menu-reactions button:focus-visible{background:var(--active);outline:0}.msg-menu-reactions button.is-current{background:var(--accent-tint)}.msg-menu .msg-menu-button.sr-only{clip:rect(0 0 0 0);opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.msg-menu .msg-menu-button.sr-only:after{content:none}.ai-mark{color:inherit;opacity:.9;align-items:center;display:inline-flex}.is-mine .stamp-line .ai-mark{color:color-mix(in oklab, var(--bubble-mine-ink) 60%, transparent)}@media (max-width:760px){.timeline .bubble.has-tail:not(.is-draft){overflow:visible}.timeline .is-theirs .bubble.has-tail:not(.is-draft){border-top-left-radius:0}.timeline .is-mine .bubble.has-tail:not(.is-draft){border-top-right-radius:0}.timeline .bubble.has-tail:not(.is-draft):before{content:"";background:inherit;pointer-events:none;width:8px;height:13px;position:absolute;top:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='M8 0v13L.6 2.6C-.2 1.4.4 0 1.9 0z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='M8 0v13L.6 2.6C-.2 1.4.4 0 1.9 0z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.timeline .is-theirs .bubble.has-tail:not(.is-draft):before{left:-7.5px}.timeline .is-mine .bubble.has-tail:not(.is-draft):before{right:-7.5px;transform:scaleX(-1)}.timeline .timeline-inner{padding-left:14px;padding-right:14px}.bubble-row:has(>.bubble-below:not(:empty)){flex-wrap:wrap;row-gap:3px}.bubble-below{flex-basis:100%;align-items:center;gap:6px;min-width:0;padding:0 4px;display:flex}.bubble-below:empty{display:none}.is-mine>.bubble-below{justify-content:flex-end}.bubble-row:has(>.bubble-avatar)>.bubble-below{padding-left:44px}.bubble-row.has-reactions>.bubble-below{margin-top:16px}.bubble-row.has-reactions:has(>.bubble-below:not(:empty)){margin-bottom:0}.bubble-below .ai-status{margin-right:0;font-size:12px}.bubble-below .triage-tag{background:color-mix(in oklab, var(--surface) 80%, transparent);font-size:11px;line-height:16px}.msg-menu.is-pressed-open{pointer-events:none;inset:0}.is-theirs .bubble-name{padding-right:0}:is(.bubble:has(>.msg-menu.is-pressed-open),.sticker-item:has(>.msg-menu.is-pressed-open)){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.composer .composer-bar{background:0 0;border:0;border-radius:0;align-items:flex-end;gap:6px;min-height:0;padding:0}.composer .composer-bar:focus-within{border-color:#0000}.composer .composer-field{background:var(--raised);border:0;border-radius:21px;flex:1 1 0;align-items:flex-end;min-width:0;min-height:40px;padding:0 2px 0 4px;display:flex}.composer .composer-field:focus-within{border-color:#0000}.composer.is-dropping .composer-field{border-color:var(--accent);background:var(--accent-tint);border-style:dashed}.composer .composer-field textarea{min-height:38px;font-size:max(16px, var(--fs-composer));order:0;padding:8px 4px 8px 10px;line-height:22px}.composer .composer-field .ai-suggest{order:1}.composer .composer-field .composer-emoji{order:2}.composer .composer-field .composer-icon{width:38px;height:38px;margin-bottom:0}.composer .composer-bar>.composer-plus{background:var(--raised);width:40px;height:40px;color:var(--text);margin-bottom:0}.composer .composer-bar>.send-button{width:40px;height:40px;margin:0}.composer .composer-bar>.send-button:disabled{background:var(--accent);color:var(--surface);opacity:.5}.composer .composer-bar.is-ai-writing{box-shadow:none;background:0 0;border-color:#0000;animation:none}.composer .composer-bar.is-ai-writing .composer-field{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(90deg, var(--accent,#00a884), #8b5cf6, #38bdf8, var(--accent,#00a884)) border-box;background-size:100% 100%,300% 100%;border-color:#0000;animation:2s linear infinite ai-border,1.6s ease-in-out infinite ai-glow}.composer-area{background:0 0;border-top:0;padding-top:6px}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.composer .composer-bar.is-ai-writing .composer-field{background:var(--surface);border-color:var(--accent,#00a884);animation:none}}@media (max-width:760px){.chat-head .chat-sub{font-size:13px;line-height:17px}}.press-overlay{z-index:1100;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.press-backdrop{touch-action:none;background:#00000073;animation:.2s ease-out both press-fade;position:absolute;inset:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.press-backdrop{-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:#00000038}}.press-safe{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:absolute;top:0;left:0}.press-overlay:not(.is-placed) .press-group{visibility:hidden}.press-group>*{position:absolute}.press-pill{background:var(--surface);transform-origin:0 100%;border-radius:999px;padding:4px 6px;animation:.2s cubic-bezier(.2,.9,.3,1.2) both press-pop;box-shadow:0 6px 24px #0000002e}.press-group.is-mine .press-pill{transform-origin:100% 100%}.press-pill .msg-menu-reactions{border:0;gap:4px;margin:0;padding:0}.press-pill .msg-menu-reactions button{width:40px;height:40px;font-size:28px;position:relative}.press-pill .msg-menu-reactions button:after{content:"";position:absolute;inset:-2px}.press-pill .msg-menu-reactions button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.press-pill .msg-menu-reactions button.is-current{background:var(--active)}.press-bubble{pointer-events:none;animation:.22s ease-out both press-slide}.press-bubble.is-clipped{overflow:hidden;-webkit-mask:linear-gradient(#000 calc(100% - 40px),#0000);mask:linear-gradient(#000 calc(100% - 40px),#0000)}.press-bubble .bubble{margin:0}.press-menu{overscroll-behavior:contain;background:var(--surface);transform-origin:0 0;border-radius:14px;animation:.2s cubic-bezier(.2,.9,.3,1.2) both press-pop;overflow-y:auto;box-shadow:0 10px 32px #0003}.press-group.is-mine .press-menu{transform-origin:100% 0}.press-menu .msg-menu-list{min-width:250px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:static}.press-menu .msg-menu-list [role=menuitem]{border-radius:0;align-items:center;min-height:44px;padding:0 16px;font-size:17px;line-height:22px;display:flex}.press-menu .msg-menu-list [role=menuitem]+[role=menuitem]{border-top:1px solid var(--rule)}.press-menu .msg-menu-list [role=menuitem]:active{background:var(--active)}.press-menu .msg-menu-list [role=menuitem]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@keyframes press-fade{0%{opacity:0}}@keyframes press-pop{0%{opacity:0;transform:scale(.7)}}@keyframes press-slide{0%{transform:translateY(var(--press-from,0))}}@media (prefers-reduced-motion:reduce){.press-backdrop,.press-pill,.press-bubble,.press-menu{animation:none}}.swipe-reply{display:none}@media (max-width:760px){.timeline .timeline-inner{overflow-x:clip}.timeline .bubble-row{touch-action:pan-y pinch-zoom;position:relative}.timeline .bubble-row>.swipe-reply{background:color-mix(in oklab, var(--surface) 82%, transparent);width:32px;height:32px;color:var(--muted);opacity:0;pointer-events:none;will-change:transform, opacity;border-radius:999px;place-items:center;margin-top:-16px;display:grid;position:absolute;top:50%;left:0;box-shadow:0 1px 3px #00000024}}
@media (max-width:760px){.image-viewer.is-phone{color:#fff;overscroll-behavior:contain;background:#000;padding:0;overflow:hidden}.image-viewer.is-phone .image-viewer-header{z-index:2;padding:calc(var(--safe-top) + 2px) calc(var(--safe-right) + 4px) 4px calc(var(--safe-left) + 4px);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#0009;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:4px;transition:opacity .2s ease-out,visibility .2s;display:grid;position:absolute;top:0;left:0;right:0}.image-viewer.is-phone .image-viewer-header button,.image-viewer.is-phone .image-viewer-header a{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.image-viewer.is-phone .image-viewer-back{justify-self:start}.image-viewer.is-phone .image-viewer-header a{justify-self:end}.image-viewer.is-phone .image-viewer-header button:active,.image-viewer.is-phone .image-viewer-header a:active{background:#ffffff1f}.image-viewer.is-phone .image-viewer-sender{text-align:center;align-items:center;gap:1px}.image-viewer.is-phone .image-viewer-sender strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;font-weight:600;line-height:21px;overflow:hidden}.image-viewer.is-phone .image-viewer-sender time{color:#ffffffb3;font-size:12px;line-height:16px}.image-viewer.is-phone .image-viewer-stage{touch-action:none;-webkit-user-select:none;user-select:none;gap:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.image-viewer.is-phone .image-viewer-track{will-change:transform;width:calc(100% + 24px);height:100%;margin-left:-12px;display:flex;transform:translate(-100%)}.image-viewer.is-phone .image-viewer-slot{flex:0 0 100%;grid-template:minmax(0,1fr)/minmax(0,1fr);min-width:0;height:100%;padding:0 12px;display:grid}.image-viewer.is-phone .image-viewer-canvas{height:100%;overflow:hidden}.image-viewer.is-phone .image-viewer-canvas button,.image-viewer.is-phone .image-viewer-canvas.is-zoomed button{cursor:default;-webkit-tap-highlight-color:transparent;width:100%;height:100%}.image-viewer.is-phone .image-viewer-canvas button:focus-visible{outline-offset:-4px}.image-viewer.is-phone .image-viewer-canvas img{object-fit:contain;transform-origin:50%;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none;max-width:100%;max-height:100%}.image-viewer.is-phone .image-viewer-thumbnails{z-index:2;height:auto;padding:8px calc(50% - 22px) calc(var(--safe-bottom) + 10px);-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);scrollbar-width:none;touch-action:pan-x;background:#0009;justify-content:flex-start;align-items:center;gap:2px;transition:opacity .2s ease-out,visibility .2s;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:auto hidden}.image-viewer.is-phone .image-viewer-thumbnails::-webkit-scrollbar{display:none}.image-viewer.is-phone .image-viewer-thumbnails button{opacity:.78;border:0;border-radius:3px;flex:none;width:36px;height:48px;padding:0;transition:width .18s ease-out,height .18s ease-out,opacity .18s;overflow:hidden}.image-viewer.is-phone .image-viewer-thumbnails button[aria-current=true]{opacity:1;outline-offset:1px;outline:2px solid #fff;width:44px;height:54px;margin:0 4px}.image-viewer.is-phone .image-viewer-thumbnails img{border-radius:0}.image-viewer.is-phone .image-viewer-thumbnails .image-viewer-earlier{opacity:1;color:#fff;background:#ffffff24;place-items:center;margin-right:6px;display:grid}.image-viewer.is-phone .image-viewer-thumbnails .image-viewer-earlier:disabled{opacity:.6}.image-viewer.is-phone .image-viewer-spin{animation:.9s linear infinite image-viewer-spin}.image-viewer.is-phone.is-bare .image-viewer-header,.image-viewer.is-phone.is-bare .image-viewer-thumbnails,.image-viewer.is-phone.is-dragging-down .image-viewer-header,.image-viewer.is-phone.is-dragging-down .image-viewer-thumbnails{opacity:0;visibility:hidden;pointer-events:none}}@keyframes image-viewer-spin{to{transform:rotate(360deg)}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.image-viewer.is-phone .image-viewer-header,.image-viewer.is-phone .image-viewer-thumbnails,.image-viewer.is-phone .image-viewer-thumbnails button{transition:none}.image-viewer.is-phone .image-viewer-spin{animation:none}}
