.chat{text-align:start;height:100%;min-height:32rem;container:chat/inline-size}.chat-window{height:100%;min-height:inherit;border:.0625rem solid var(--line);border-radius:var(--radius-lg);background:var(--bg);max-height:40rem;box-shadow:var(--shadow);color:var(--ink);font:400 .9375rem / 1.5 var(--font-body);grid-template-rows:minmax(0,1fr);grid-template-columns:14rem minmax(0,1fr);display:grid;overflow:hidden}.chat-icon{flex:none;width:1rem;height:1rem}.chat kbd{border:.0625rem solid var(--line-strong);background:var(--bg);min-width:1.125rem;height:1.125rem;color:var(--ink-2);font:500 .6875rem / 1 var(--font-mono);border-bottom-width:.125rem;border-radius:.3125rem;place-items:center;padding:0 .25rem;display:inline-grid}.chat-side{border-inline-end:.0625rem solid var(--line);background:var(--bg-soft);min-height:0;color:var(--ink-2);user-select:none;flex-direction:column;gap:.0625rem;padding:.875rem .625rem;font-size:.875rem;display:flex;overflow:hidden}.chat-ws{color:var(--ink);align-items:center;gap:.5rem;padding:.125rem .375rem .75rem;font-weight:650;display:flex}.chat-ws .chat-icon{color:var(--ink-3)}.chat-ws-mark{background:var(--ink);width:1.625rem;height:1.625rem;color:var(--bg);font:700 .8125rem / 1 var(--font-display);border-radius:.4375rem;place-items:center;display:grid}.chat-side-search{border:.0625rem solid var(--line);background:var(--bg);height:1.875rem;color:var(--ink-3);border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:.375rem;padding:0 .375rem 0 .5rem;font-size:.8125rem;display:flex}.chat-side-search kbd{color:var(--ink-3);border-bottom-width:.0625rem;margin-inline-start:auto;font-size:.625rem}.chat-side-label{color:var(--ink-3);font:600 .6875rem / 1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase;margin:.875rem 0 .25rem;padding:0 .5rem}.chat-side-list{gap:.0625rem;margin:0;padding:0;list-style:none;display:grid}.chat-side-item{white-space:nowrap;border-radius:.5rem;align-items:center;gap:.5rem;height:1.875rem;padding:0 .5rem;display:flex}.chat-side-item>span:not(.chat-side-avatar,.chat-side-badge){text-overflow:ellipsis;overflow:hidden}.chat-side-item .chat-icon{color:var(--ink-3)}.chat-side-item.is-active{background:var(--bg);box-shadow:var(--shadow-sm), 0 0 0 .0625rem var(--line);color:var(--ink);font-weight:600}.chat-side-item.is-unread{color:var(--ink);font-weight:650}.chat-side-badge{border-radius:var(--pill);background:var(--ink);min-width:1.125rem;color:var(--bg);font:600 .6875rem / 1.125rem var(--font-body);text-align:center;margin-inline-start:auto;padding:0 .3125rem}.chat-side-avatar{display:inline-flex;position:relative}.chat-presence{inset-inline-end:-.1875rem;border:.125rem solid var(--bg-soft);background:var(--live);border-radius:50%;width:.625rem;height:.625rem;position:absolute;bottom:-.1875rem}.chat-presence.is-away{background:var(--bg-soft);box-shadow:inset 0 0 0 .09375rem var(--ink-3)}.chat-avatar{width:2.25rem;height:2.25rem;font:600 .75rem / 1 var(--font-body);letter-spacing:.02em;border-radius:.625rem;flex:none;place-items:center;display:grid}.chat-avatar.is-small{letter-spacing:0;border-radius:.3125rem;width:1.25rem;height:1.25rem;font-size:.5rem}.chat-avatar.tone-1{background:var(--bg-sunk);color:var(--ink-2);box-shadow:inset 0 0 0 .0625rem var(--line-strong)}.chat-avatar.tone-2{background:var(--line-strong);color:var(--ink)}.chat-avatar.tone-3{background:var(--ink-3);color:var(--bg)}.chat-avatar.tone-4{background:var(--ink-2);color:var(--bg)}.chat-main{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat-head{border-bottom:.0625rem solid var(--line);flex:none;align-items:center;gap:.75rem;height:3.25rem;padding:0 1.25rem;display:flex}.chat-title{color:var(--ink);font:650 .9375rem / 1 var(--font-body);letter-spacing:-.01em;white-space:nowrap;align-items:baseline;gap:.1875rem;display:flex}.chat-title-hash{color:var(--ink-3);font-weight:500}.chat-topic{border-inline-start:.0625rem solid var(--line);min-width:0;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;padding-inline-start:.75rem;font-size:.8125rem;line-height:1.25rem;overflow:hidden}.chat-members{border:.0625rem solid var(--line);border-radius:var(--pill);height:1.75rem;color:var(--ink-2);font:500 .75rem / 1 var(--font-mono);flex:none;align-items:center;gap:.375rem;margin-inline-start:auto;padding:0 .625rem 0 .5rem;display:flex}.chat-members .chat-icon{color:var(--ink-3)}.chat-log{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:auto;min-height:0;padding:.75rem 1.25rem 1rem;display:flex;overflow-y:auto;mask-image:linear-gradient(#0000,#000 1rem)}.chat-log>:first-child{margin-top:auto}.chat-day{color:var(--ink-3);font:600 .6875rem / 1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.75rem;margin:.25rem 0 .5rem;display:flex}.chat-day:before,.chat-day:after{background:var(--line);content:"";flex:1;height:.0625rem}.chat-msg{border-radius:.625rem;grid-template-columns:2.25rem minmax(0,1fr);column-gap:.75rem;margin:0 -.625rem;padding:.5rem .625rem;transition:background .16s;display:grid}@media (hover:hover){.chat-msg:hover{background:var(--bg-soft)}.chat-msg:hover .chat-msg-gutter-time{visibility:visible}}.chat-msg.is-grouped{padding-top:.125rem}.chat-msg.is-fresh{animation:chat-msg-in .36s var(--ease-out) both}.chat-msg-gutter-time{color:var(--ink-3);font:400 .625rem / 1 var(--font-mono);text-align:end;visibility:hidden;padding-top:.25rem}.chat-msg-body{min-width:0}.chat-msg-meta{align-items:baseline;gap:.5rem;line-height:1.35;display:flex}.chat-msg-name{font-size:.875rem;font-weight:650}.chat-msg-time{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.75rem}.chat-msg-text{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap}.chat-msg-text code{border:.0625rem solid var(--line);background:var(--bg-soft);color:var(--ink-2);border-radius:.3125rem;padding:.0625rem .3125rem;font-size:.8125em}.chat-inline-emoji{vertical-align:-.0625em;font-size:1.125em}.chat-reactions{flex-wrap:wrap;gap:.375rem;margin:.375rem 0 0;padding:0;list-style:none;display:flex}.chat-reaction.is-new{animation:chat-pill-in .38s var(--spring) both}.chat-pill{border:.0625rem solid var(--line);border-radius:var(--pill);background:var(--bg-soft);height:1.625rem;color:var(--ink-2);font:500 .75rem / 1 var(--font-mono);cursor:pointer;transition:border-color .16s, background .16s, transform .16s var(--ease-out);align-items:center;gap:.3125rem;padding:0 .5625rem 0 .4375rem;display:inline-flex}@media (hover:hover){.chat-pill:hover{border-color:var(--line-strong);background:var(--bg)}}.chat-pill:active{transform:scale(.94)}.chat-pill[aria-pressed=true]{border-color:var(--ink-3);background:var(--bg-sunk);color:var(--ink)}.chat-pill-emoji{font-size:.9375rem;display:inline-block}.chat-pill-emoji.is-pop{animation:chat-pop .52s var(--spring)}.chat-pill-count{font-variant-numeric:tabular-nums;text-align:center;min-width:.5rem;display:inline-block}.chat-pill-count.is-pop{animation:chat-count .28s var(--ease-out)}.chat-suggest{flex-wrap:wrap;align-items:center;gap:.375rem .625rem;margin-top:.5rem;display:flex}.chat-suggest-label{color:var(--ink-3);align-items:center;gap:.3125rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.chat-suggest-label .chat-icon{width:.875rem;height:.875rem}.chat-suggest-chips{flex-wrap:wrap;gap:.3125rem;margin:0;padding:0;list-style:none;display:flex}.chat-chip-item{animation:chat-chip-in .44s var(--spring) both;animation-delay:calc(var(--i,0) * 45ms)}.chat-chip{border:.0625rem dashed var(--line-strong);border-radius:var(--pill);background:var(--bg);cursor:pointer;width:2.375rem;height:1.875rem;transition:border-color .16s, background .16s, transform .22s var(--spring);place-items:center;padding:0;display:grid}.chat-chip .emoji{transition:transform .26s var(--spring);font-size:1.0625rem}@media (hover:hover){.chat-chip:hover{border-style:solid;border-color:var(--ink-3);transform:translateY(-.0625rem)}.chat-chip:hover .emoji{transform:scale(1.18)}}.chat-chip:active{transform:scale(.92)}.chat-chip[aria-pressed=true]{border-style:solid;border-color:var(--ink-3);background:var(--bg-sunk)}.chat-chip-skeleton{border-radius:var(--pill);background:var(--bg-sunk);width:2.375rem;height:1.875rem;animation:1.2s ease-in-out 3 chat-pulse}.chat-chip-skeleton:nth-child(2){animation-delay:90ms}.chat-chip-skeleton:nth-child(3){animation-delay:.18s}.chat-chip-skeleton:nth-child(4){animation-delay:.27s}.chat-chip-skeleton:nth-child(5){animation-delay:.36s}.chat-suggest-via{color:var(--ink-3);font:400 .6875rem / 1 var(--font-mono);white-space:nowrap;animation:chat-fade-in .3s var(--ease-out) .2s both}.chat-compose{flex:none;padding:0 1.25rem 1rem;position:relative}.chat-composer{border:.0625rem solid var(--line-strong);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-sm);transition:border-color .16s,box-shadow .16s}.chat-composer:focus-within,.chat-composer.is-active{border-color:var(--ink-3);box-shadow:0 0 0 .1875rem var(--bg-sunk)}.chat-field{max-height:7.5rem;padding:.6875rem .875rem .25rem;display:grid;overflow-y:auto}.chat-input,.chat-mirror{font:400 .9375rem / 1.5 var(--font-body);letter-spacing:normal;overflow-wrap:anywhere;white-space:pre-wrap;border:0;grid-area:1/1;margin:0;padding:0}.chat-input{resize:none;min-height:1.5em;color:var(--ink);background:0 0;overflow:hidden}.chat-input::placeholder{color:var(--ink-3)}.chat-input:focus-visible{outline:none}.chat-mirror{color:#0000;pointer-events:none}.chat-caret{background:var(--ink);vertical-align:text-bottom;width:.09375rem;height:1.2em;margin-inline-end:-.09375rem;animation:1.05s step-end 4 chat-blink;display:inline-block}.chat-toolbar{align-items:center;gap:.75rem;padding:.25rem .5rem .5rem .875rem;display:flex}.chat-tools{color:var(--ink-3);gap:.875rem;display:flex}.chat-compose-hint{color:var(--ink-3);white-space:nowrap;margin-inline-start:auto;font-size:.75rem}.chat-send{background:var(--accent);width:2rem;height:2rem;color:var(--on-accent);cursor:pointer;transition:background .16s, color .16s, transform .16s var(--ease-out);border:0;border-radius:.5625rem;flex:none;place-items:center;padding:0;display:grid}.chat-send:disabled{background:var(--bg-sunk);color:var(--ink-3);cursor:default}.chat-send:not(:disabled):active,.chat-send.is-pressing{transform:scale(.88)}.chat-pop{bottom:calc(100% + .25rem);z-index:2;border:.0625rem solid var(--line);border-radius:var(--radius);background:var(--bg);width:min(100% - 2.5rem,30rem);box-shadow:var(--shadow-lg);transform-origin:50% 100%;animation:chat-pop-in .2s var(--ease-out);position:absolute;inset-inline-start:1.25rem;overflow:hidden}.chat-pop-head{color:var(--ink-3);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.625rem .875rem .375rem;font-size:.75rem;line-height:1.2;display:flex}.chat-pop-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-pop-title b{color:var(--ink);font:500 .75rem / 1 var(--font-mono)}.chat-pop-time{font:400 .6875rem / 1 var(--font-mono);font-variant-numeric:tabular-nums;flex:none}.chat-pop-list{scrollbar-width:thin;max-height:16.5rem;margin:0;padding:.125rem .375rem .375rem;list-style:none;overflow-y:auto}.chat-opt{cursor:pointer;height:2.25rem;transition:background 90ms, transform .14s var(--ease-out);border-radius:.5rem;grid-template-columns:1.75rem auto minmax(0,1fr);align-items:center;column-gap:.5rem;padding:0 .625rem 0 .375rem;display:grid}.chat-opt[aria-selected=true]{background:var(--bg-sunk)}.chat-opt.is-pressing{transform:scale(.98)}.chat-opt-emoji{text-align:center;font-size:1.25rem}.chat-opt-code{color:var(--ink-3);font:400 .8125rem / 1 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-opt-code b{color:var(--ink);font-weight:500}.chat-opt[aria-selected=true] .chat-opt-code{color:var(--ink-2)}.chat-opt-hint{max-width:100%;color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;justify-self:end;font-size:.75rem;overflow:hidden}.chat-pop-status{color:var(--ink-3);padding:.25rem .875rem .75rem;font-size:.8125rem}.chat-pop-foot{border-top:.0625rem solid var(--line);background:var(--bg-soft);color:var(--ink-3);gap:1rem;padding:.4375rem .875rem;font-size:.6875rem;display:flex}.chat-pop-foot span{align-items:center;gap:.25rem;display:inline-flex}.chat-pop-foot kbd{border-bottom-width:.0625rem;min-width:1rem;height:1rem;font-size:.625rem}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(.5rem)}}@keyframes chat-pop-in{0%{opacity:0;transform:translateY(.375rem)scale(.98)}}@keyframes chat-pill-in{0%{opacity:0;transform:scale(.6)}}@keyframes chat-pop{0%{transform:scale(.45)rotate(-14deg)}}@keyframes chat-count{0%{opacity:0;transform:translateY(-.5rem)}}@keyframes chat-chip-in{0%{opacity:0;transform:translateY(.25rem)scale(.7)}}@keyframes chat-fade-in{0%{opacity:0}}@keyframes chat-pulse{50%{opacity:.45}}@keyframes chat-blink{50%{opacity:0}}@container chat (width<=44rem){.chat-window{grid-template-columns:minmax(0,1fr)}.chat-side{display:none}}@container chat (width<=30rem){.chat-head{gap:.5rem;padding:0 .875rem}.chat-topic,.chat-compose-hint,.chat-pop-foot,.chat-pop-time{display:none}.chat-log{padding:.5rem .875rem .75rem}.chat-compose{padding:0 .625rem .625rem}.chat-window{max-height:38rem}.chat-pop{width:calc(100% - 1.25rem);inset-inline-start:.625rem}.chat-toolbar{justify-content:space-between}.chat-input,.chat-mirror{font-size:1rem}}