.chat{--chat-blue:#335fff;--chat-online:#3b7bff;--chat-panel-w:17.5rem;--chat-panel-h:min(25rem,calc(100vh - var(--topbar-h,3.1rem) - 2rem));position:fixed;inset-block-end:0;inset-inline-end:var(--space-4);z-index:70;display:flex;align-items:flex-end;gap:var(--space-2);color:var(--ink);font-size:13px;pointer-events:none}.chat [hidden]{display:none!important}.chat-panel{display:flex;flex-direction:column;inline-size:var(--chat-panel-w);block-size:var(--chat-panel-h);border:1px solid var(--line);border-block-end:0;border-radius:12px 12px 0 0;background:var(--surface);box-shadow:0 -.25rem 1.5rem -.5rem rgb(0 0 0/.45);overflow:hidden;pointer-events:auto}.chat-home{transition:translate var(--dur-slow) var(--ease)}.chat:not(.is-open) .chat-home{translate:0 calc(100% - 3rem)}.chat:not(.is-open) [data-chat-compose]{visibility:hidden}.chat-side:not([hidden]){animation:chat-rise var(--dur-slow) var(--ease)}@keyframes chat-rise{from{translate:0 100%}}.chat-head{display:flex;flex:none;align-items:center;gap:var(--space-2);block-size:3rem;padding:0 10px 0 14px}.chat-title{display:inline-flex;flex:1;align-items:center;align-self:stretch;gap:8px;min-inline-size:0;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:700;line-height:1;text-align:start;cursor:pointer}.chat-count{display:grid;place-items:center;min-inline-size:1.15rem;block-size:1.15rem;padding-inline:5px;border-radius:999px;background:var(--chat-blue);color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.chat-side-title{flex:1;min-inline-size:0;margin:0;overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.chat-who{display:flex;flex:1;align-items:center;gap:8px;min-inline-size:0}.chat-who .chat-face{inline-size:28px;block-size:28px}.chat-icon{display:grid;flex:none;place-items:center;inline-size:30px;block-size:30px;padding:0;border:0;border-radius:7px;background:none;color:var(--ink);font-size:16px;cursor:pointer;transition:background-color var(--dur-fast) var(--ease)}.chat-icon:hover{background:var(--surface-hi)}.chat-title:focus-visible,.chat-icon:focus-visible,.chat-row:focus-visible,.chat-btn:focus-visible,.chat-menu-item:focus-visible{outline:2px solid var(--chat-blue);outline-offset:1px}.chat-body{display:flex;flex:1;flex-direction:column;min-block-size:0}.chat-search{position:relative;display:flex;flex:none;align-items:center;margin:4px 12px 8px}.chat-search>.bi{position:absolute;inset-inline-start:11px;color:var(--ink-muted);font-size:14px;pointer-events:none}.chat .chat-search input,.chat .chat-compose input{inline-size:100%;block-size:36px;padding:0 12px 0 34px;border:1px solid var(--line-hi);border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:600}.chat .chat-search.has-count input{padding-inline-end:3.5rem}.chat .chat-search input:focus,.chat .chat-compose input:focus{border-color:var(--ink-subtle);background:transparent;outline:0}.chat .chat-search input::placeholder,.chat .chat-compose input::placeholder{color:var(--ink-muted);font-weight:500}.chat .chat-search input::-webkit-search-cancel-button{display:none}.chat-search-count{position:absolute;inset-inline-end:11px;color:var(--ink-muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none}.chat-rows{flex:1;min-block-size:0;margin:0;padding:0 6px 8px;overflow-y:auto;list-style:none;scrollbar-color:var(--line-hi) transparent;scrollbar-width:thin}.chat-rows.is-members{overflow:visible}.chat-label{flex:none;margin:4px 14px 6px;color:var(--ink-muted);font-size:12px;font-weight:700}.chat-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;inline-size:100%;min-block-size:46px;padding:6px 8px;border:0;border-radius:9px;background:none;color:var(--ink);font:inherit;text-align:start;cursor:pointer}.chat-row:hover,.chat-row.is-active{background:var(--surface-hi)}.chat-row.is-static{cursor:default}.chat-row.is-static:hover{background:none}.chat-row-text{display:flex;flex-direction:column;gap:1px;min-inline-size:0}.chat-row-name,.chat-row-preview,.chat-row-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-name{font-size:13px;font-weight:700}.chat-row-preview,.chat-row-status{color:var(--ink-muted);font-size:12px;font-weight:600}.chat-row-date{align-self:start;margin-block-start:3px;color:var(--ink-muted);font-size:11px;font-weight:700;white-space:nowrap}.chat-row.is-unread .chat-row-preview{color:var(--ink)}.chat-row.is-unread .chat-row-date::before{content:"";display:inline-block;inline-size:7px;block-size:7px;margin-inline-end:6px;border-radius:50%;background:var(--chat-blue);vertical-align:1px}.chat-heading{margin:10px 10px 4px;color:var(--ink-subtle);font-size:11px;font-weight:700}.chat-face{position:relative;display:block;flex:none;inline-size:34px;block-size:34px;border-radius:50%;background:var(--bg-low)}.chat-face img{display:block;inline-size:100%;block-size:100%;border-radius:50%;background:var(--bg-low);object-fit:cover}.chat-face.is-group img{position:absolute;inline-size:68%;block-size:68%;border:2px solid var(--surface)}.chat-face.is-group img:first-child{inset-block-start:0;inset-inline-start:0}.chat-face.is-group img:nth-child(2){inset-block-end:0;inset-inline-end:0}.chat-face.is-spacer img{visibility:hidden}.chat-face.is-spacer{background:none}.chat-dot{position:absolute;inset-block-end:-1px;inset-inline-end:-1px;z-index:1;inline-size:12px;block-size:12px;border:2px solid var(--surface);border-radius:50%;background:var(--chat-online)}.chat-row:hover .chat-dot,.chat-row.is-active .chat-dot{border-color:var(--surface-hi)}.chat-row.is-static:hover .chat-dot{border-color:var(--surface)}.chat-note{margin:14px 16px;color:var(--ink-muted);font-size:12px;font-weight:600;line-height:1.5;text-align:center;overflow-wrap:anywhere}.chat-error{flex:none;margin:0 14px 6px;color:color-mix(in oklab,var(--danger) 80%,var(--ink));font-size:12px;font-weight:600;line-height:1.4}.chat-pick{cursor:pointer}.chat .chat-check{display:grid;place-items:center;inline-size:20px;block-size:20px;margin:0;border:1.5px solid var(--ink-muted);border-radius:5px;background:transparent;appearance:none;cursor:pointer}.chat .chat-check:focus{background-color:transparent}.chat .chat-check:focus-visible{outline:2px solid var(--chat-blue);outline-offset:2px}.chat .chat-check:checked,.chat .chat-check:checked:focus{border-color:var(--chat-blue);background:var(--chat-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}.chat .chat-check:disabled{opacity:.35;cursor:not-allowed}.chat-actions{display:grid;flex:none;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 12px}.chat-actions.is-single{grid-template-columns:1fr;margin-block-start:auto}.chat-btn{block-size:38px;padding:0 12px;border:0;border-radius:9px;background:var(--surface-hi);color:var(--ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease)}.chat-btn:hover:not(:disabled){background:var(--line-hi)}.chat-btn.is-primary{background:var(--chat-blue);color:#fff}.chat-btn.is-primary:hover:not(:disabled){background:var(--chat-blue);filter:brightness(1.12)}.chat-btn:disabled{background:var(--bg-low);color:var(--ink-subtle);cursor:not-allowed}.chat-btn.is-danger{color:color-mix(in oklab,var(--danger) 80%,var(--ink))}.chat-thread{display:flex;flex:1;flex-direction:column;gap:4px;min-block-size:0;padding:6px 12px 10px;overflow-y:auto;scrollbar-color:var(--line-hi) transparent;scrollbar-width:thin}.chat-stamp{align-self:center;margin:10px 0 4px;color:var(--ink-muted);font-size:11px;font-weight:700;text-align:center}.chat-sender{margin:6px 0 0 38px;color:var(--ink-subtle);font-size:11px;font-weight:700}.chat-msg{display:flex;align-items:flex-end;gap:8px}.chat-msg.is-mine{justify-content:flex-end}.chat-report{align-self:center;display:grid;place-items:center;flex:none;inline-size:24px;block-size:24px;border-radius:50%;color:var(--ink-subtle);font-size:11px;text-decoration:none;opacity:0;transition:opacity .15s,background-color .15s,color .15s}.chat-msg:hover .chat-report,.chat-report:focus-visible{opacity:1}.chat-report:hover{background:var(--surface-hi);color:var(--ink)}@media(hover:none){.chat-report{opacity:.6}}.chat-msg .chat-face{inline-size:30px;block-size:30px}.chat-bubble{max-inline-size:78%;padding:8px 12px;border-radius:16px;background:var(--surface-hi);color:var(--ink);font-size:12px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.chat-msg.is-mine .chat-bubble{background:var(--chat-blue);color:#fff}.chat-msg.is-pending .chat-bubble{opacity:.6}.chat-compose{flex:none;margin:0;padding:6px 12px 12px}.chat .chat-compose input{block-size:42px;padding-inline:16px;border-radius:999px}.chat-member{position:relative}.chat-more{inline-size:28px;block-size:28px;color:var(--ink-muted)}.chat-menu{position:absolute;inset-block-start:calc(100% - 8px);inset-inline-end:8px;z-index:2;min-inline-size:10.5rem;padding:4px;border:1px solid var(--line-hi);border-radius:9px;background:var(--surface);box-shadow:0 .75rem 1.75rem -.5rem rgb(0 0 0/.55)}.chat-menu-item{display:block;inline-size:100%;padding:7px 10px;border:0;border-radius:6px;background:none;color:var(--ink);font:inherit;font-size:13px;font-weight:600;text-align:start;text-decoration:none;cursor:pointer}.chat-menu-item:hover{background:var(--surface-hi)}.chat-menu-item.is-danger{color:color-mix(in oklab,var(--danger) 80%,var(--ink))}@media(max-width:40rem){.chat{inset-inline:var(--space-2);inset-block-end:0;justify-content:flex-end}.chat{--chat-panel-w:min(21rem,calc(100vw - 1rem));--chat-panel-h:min(30rem,calc(100vh - var(--topbar-h,3.1rem) - 1.5rem))}.chat-side:not([hidden]){position:absolute;inset-block-end:0;inset-inline-end:0;z-index:1}}@media(prefers-reduced-motion:reduce){.chat-home{transition:none}.chat-side:not([hidden]){animation:none}}@media print{.chat{display:none}}