.chat{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);flex:1 1;min-height:0;height:auto;background:#fff;border:1px solid var(--color-border);border-radius:16px;overflow:hidden}.chat__list,.chat__thread{min-width:0;min-height:0;display:flex;flex-direction:column}.chat__list{border-right:1px solid var(--color-border);background:#f8fafc}.chat__list header,.chat__seek,.chat__thread header{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-bottom:1px solid var(--color-border);background:#fff}.chat__notify{display:grid;grid-gap:.45rem;gap:.45rem;padding:.65rem .85rem;border-bottom:1px solid var(--color-border);background:#eef5ff;color:#1e3a5f;font-size:.82rem;line-height:1.35}.chat__notify p{margin:0}.chat__notify .btn{justify-self:start}.chat__list header h2,.chat__thread header h2{margin:0;font-size:1rem}.chat__list header h2{flex:1 1}.chat__seek--list{display:none}.chat__search{display:flex;align-items:center;gap:.45rem;width:100%;min-height:2.4rem;padding:0 .75rem;border-radius:999px;background:#f1f5f9;color:#64748b}.chat__search svg{width:1rem;height:1rem;flex:none}.chat__emoji input,.chat__search input{width:100%;border:0;background:transparent;color:var(--color-fg);font:inherit;font-size:.9rem}.chat__emoji input:focus,.chat__search input:focus{outline:none}.chat__list ul,.chat__log,.chat__picker ul{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.chat__list ul,.chat__picker ul{list-style:none;margin:0;padding:.35rem;overflow:auto;flex:1 1;min-height:0}.chat__picker{display:flex;flex-direction:column;min-height:0;flex:1 1}.chat__picker .chat__search{margin:.65rem .75rem .2rem;width:auto}.chat__list li button,.chat__picker li button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"avatar name time" "avatar preview badge";grid-gap:.1rem .65rem;gap:.1rem .65rem;align-items:center;width:100%;padding:.65rem .7rem;border-radius:12px;text-align:left}.chat__picker li button{grid-template-areas:"avatar name name";grid-template-columns:auto minmax(0,1fr)}.chat__avatar,.chat__list li button i,.chat__picker li button i{grid-area:avatar;display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:50%;overflow:hidden;background:#dbeafe;color:#1d4ed8;font-style:normal;font-size:.92rem;font-weight:700}.chat__avatar img,.chat__list li button i img,.chat__picker li button i img{width:100%;height:100%;object-fit:cover}.chat__list li button strong,.chat__picker li button strong{grid-area:name;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__list li button time{grid-area:time;color:#94a3b8;font-size:.72rem}.chat__list li button span{grid-area:preview;color:var(--color-muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__list li button em{grid-area:badge;justify-self:end;min-width:1.3rem;padding:.05rem .35rem;border-radius:999px;background:#2563eb;color:#fff;font-size:.72rem;font-style:normal;font-weight:700;text-align:center}.chat__list li button.is-active,.chat__list li button:hover,.chat__picker li button:hover{background:#fff}.chat__list li button.is-active{background:#e8f0fe}.chat__empty,.chat__placeholder{margin:0;padding:1.25rem;color:var(--color-muted)}.chat__placeholder{margin:auto;text-align:center}.chat__back{padding:.7rem .9rem 0;color:#2563eb;font-size:.82rem;font-weight:700;text-align:left}.chat__back--thread{display:none;padding:0}.chat__thread header h2{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__menu{position:relative;flex:none}.chat__menu-btn{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;color:#475569}.chat__menu-btn:hover,.chat__menu-btn[aria-expanded=true]{background:#f1f5f9;color:#0f172a}.chat__menu-btn svg{width:1.15rem;height:1.15rem}.chat__menu-list{position:absolute;top:calc(100% + .3rem);right:0;z-index:6;min-width:11rem;padding:.3rem;border:1px solid var(--color-border);border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.14)}.chat__menu-list button{display:block;width:100%;padding:.55rem .75rem;border-radius:8px;text-align:left;font-size:.9rem;font-weight:600;color:#0f172a}.chat__menu-list button:hover{background:#f1f5f9}.chat__menu-list button.is-danger{color:#dc2626}.chat-profile{display:flex;flex-direction:column;align-items:center;margin:-.9rem -1.1rem -1.1rem;padding-top:1.15rem;text-align:center}.chat-profile__logo{grid-area:auto;width:4.75rem;height:4.75rem;margin:0 0 .75rem;font-size:1.45rem}.chat-profile h3{margin:0 0 1.15rem;font-size:1.15rem}.chat-profile dl{width:100%;margin:0;text-align:left}.chat-profile dl div{display:grid;grid-gap:.15rem;gap:.15rem;padding:.75rem 1.1rem;border-top:1px solid var(--color-border)}.chat-profile dt{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.chat-profile dd{margin:0;color:#0f172a;font-size:.95rem;overflow-wrap:anywhere}.chat-profile__note{margin:0;color:#334155;line-height:1.5}.chat__row{display:flex;align-items:center;gap:.35rem;align-self:flex-start;max-width:min(36rem,92%)}.chat__row.is-mine{align-self:flex-end;flex-direction:row-reverse}.chat__tools{display:none;flex:none;align-items:center;gap:.1rem}.chat__row:focus-within .chat__tools,.chat__row:hover .chat__tools,.chat__tools.is-open{display:flex}.chat__reply{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;color:#64748b}.chat__reply svg{width:1rem;height:1rem}.chat__reply:hover{background:#e2e8f0;color:#1d4ed8}.chat__quote,.chat__quoting{display:block;width:100%;margin-bottom:.35rem;padding:.35rem .55rem;border:0;border-left:3px solid #2563eb;border-radius:8px;background:rgba(37,99,235,.08);text-align:left}.chat__quote b,.chat__quoting b{display:block;margin:0;color:#1d4ed8;font-size:.72rem}.chat__quote span,.chat__quoting span{display:block;color:#475569;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__log{flex:1 1;min-height:0;overflow:auto;gap:.55rem;padding:1rem;background:#f1f5f9}.chat__bubble,.chat__log{display:flex;flex-direction:column}.chat__bubble{position:relative;min-width:0}.chat__react{position:relative;z-index:5;display:none;align-self:flex-start;align-items:center;gap:.1rem;margin-bottom:.3rem;padding:.2rem .35rem;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.14)}.chat__react.is-open,.chat__row:hover .chat__react{display:flex}.chat__react button{display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:50%;font-size:1.05rem;line-height:1}.chat__react button.is-on,.chat__react button:hover{background:#e2e8f0}.chat__react-more{position:absolute;top:calc(100% - .2rem);left:0;display:grid;grid-template-columns:repeat(8,1.7rem);grid-gap:.1rem;gap:.1rem;width:max-content;max-height:9rem;padding:.35rem;overflow:auto;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.16)}.chat__row.is-mine .chat__react{align-self:flex-end}.chat__row.is-mine .chat__react-more{left:auto;right:0}.chat__log article{position:relative;min-width:0;padding:.55rem .75rem;border-radius:14px 14px 14px 4px;background:#fff}.chat__log article.has-react{margin-bottom:.7rem}.chat__reacted{position:absolute;right:.45rem;bottom:-.7rem;display:flex;gap:.15rem}.chat__row.is-mine .chat__reacted{right:auto;left:.45rem}.chat__reacted button{display:flex;align-items:center;gap:.15rem;padding:.05rem .35rem;border:1px solid #e2e8f0;border-radius:999px;background:#fff;font-size:.85rem;line-height:1.2;box-shadow:0 1px 3px rgba(15,23,42,.08)}.chat__reacted span{color:#475569;font-size:.68rem;font-weight:700}.chat__row.is-mine article{border-radius:14px 14px 4px 14px;background:#3b6cf6;color:#fff}.chat__log article.is-place,.chat__row.is-mine article.is-place{padding:0;background:transparent;color:inherit}.chat__row.is-mine article.is-place footer{color:#64748b}.chat__row.is-mine article.is-place .chat-ticks svg{stroke:#64748b}.chat__row.is-mine article.is-place .chat-ticks.is-seen svg{stroke:#2563eb}.chat__row.is-mine .chat__deleted,.chat__row.is-mine .chat__edited,.chat__row.is-mine footer{color:rgba(255,255,255,.82)}.chat__row.is-mine .chat-ticks svg{stroke:rgba(255,255,255,.82)}.chat__row.is-mine .chat-ticks.is-seen svg{stroke:#fff}.chat__row.is-mine .chat__quote{background:rgba(255,255,255,.16);border-left-color:#fff}.chat__row.is-mine .chat__file span,.chat__row.is-mine .chat__quote b,.chat__row.is-mine .chat__quote span,.chat__row.is-mine footer button{color:#fff}.chat__row.is-mine .chat__file button{background:rgba(255,255,255,.16);color:#fff}.chat__log article.is-target{outline:2px solid #2563eb;outline-offset:2px}.chat__log article b{display:block;margin-bottom:.15rem;color:#1d4ed8;font-size:.75rem}.chat__log article p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.chat__deleted,.chat__edited{color:#64748b;font-style:italic}.chat__deleted{margin:0}.chat__log footer{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;margin-top:.25rem;color:#64748b;font-size:.7rem}.chat__log footer button{color:#dc2626;font-weight:700}.chat-pending{font-style:italic}.chat-ticks svg{width:1rem;height:.75rem;fill:none;stroke:#64748b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chat-ticks.is-seen svg{stroke:#2563eb}.chat__thread form{position:relative;display:flex;flex-wrap:wrap;gap:.55rem;align-items:flex-end;padding:.7rem .85rem .8rem;border-top:1px solid var(--color-border);background:#fff}.chat__compose{flex:1 0 100%;gap:.15rem}.chat__bar,.chat__compose{display:flex;align-items:center;min-width:0}.chat__bar{flex:1 1;gap:.35rem;min-height:3.05rem;padding:.28rem .28rem .28rem 1rem;border-radius:999px;background:#f2f3f7}.chat__bar:focus-within{box-shadow:0 0 0 2px rgba(59,108,246,.22)}.chat__quoting{display:flex;align-items:center;gap:.5rem;flex:1 0 100%;margin:0}.chat__quoting div{min-width:0;flex:1 1}.chat__quoting button{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;color:#64748b;font-size:1.1rem;line-height:1}.chat__quoting button:hover{background:#e2e8f0}.chat__suggest{display:flex;flex-wrap:wrap;gap:.35rem;flex:1 0 100%}.chat__suggest button{padding:.28rem .6rem;border-radius:999px;background:#eff6ff;color:#1e3a8a;font-size:.78rem;font-weight:600}.chat__suggest button:hover{background:#dbeafe}.chat__bar textarea{flex:1 1;min-width:0;min-height:1.6rem;max-height:6.5rem;padding:.4rem .35rem;border:0;border-radius:0;background:transparent;resize:none;overflow:auto;color:#1f2937}.chat__bar textarea::placeholder{color:#9aa3af}.chat__bar textarea:focus-visible{outline:none}.chat__emoji-wrap{position:relative;flex:none}.chat__place{display:block;width:16.75rem;max-width:100%;margin:.1rem 0 .25rem;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 18px rgba(15,23,42,.12);text-decoration:none}.chat__place-map{position:relative;display:block;height:9.4rem;overflow:hidden;background:#e7eef5}.chat__place-tiles{position:absolute;width:768px;height:768px}.chat__place-tiles img{position:absolute;display:block;width:256px;height:256px}.chat__place-pin{position:absolute;z-index:1;left:50%;top:50%;width:1.85rem;transform:translate(-50%,-100%);filter:drop-shadow(0 3px 3px rgba(15,23,42,.28));pointer-events:none}.chat__place-pin svg{display:block;width:100%;height:auto}.chat__place-credit{position:absolute;z-index:1;top:.3rem;right:.35rem;padding:0 .2rem;border-radius:3px;background:rgba(255,255,255,.78);color:#475569;font-size:.55rem;line-height:1.3;pointer-events:none}.chat__place-foot{display:block;padding:.72rem .85rem .78rem;background:#3b6cf6;color:#fff}.chat__place-foot strong{display:block;font-size:.98rem;font-weight:700;line-height:1.2}.chat__place-foot span{display:block;margin-top:.16rem;color:rgba(255,255,255,.92);font-size:.75rem;font-weight:400;line-height:1.35}.chat__place:hover .chat__place-map{filter:brightness(.97)}.chat__file{display:grid;grid-gap:.4rem;gap:.4rem;margin-bottom:.35rem}.chat__file img{display:block;max-width:min(16rem,100%);max-height:14rem;border-radius:10px;object-fit:cover}.chat__file button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .55rem;border-radius:10px;background:rgba(15,23,42,.06);text-align:left}.chat__file span,.chat__file strong{display:block}.chat__file strong{font-size:.82rem}.chat__file span{flex:none;color:#1d4ed8;font-size:.75rem;font-weight:700}.chat__emoji-btn,.chat__send{display:grid;place-items:center;flex:none;border-radius:50%}.chat__emoji-btn{width:2.05rem;height:2.05rem;color:#9aa3af}.chat__emoji-btn:hover,.chat__emoji-btn[aria-expanded=true]{background:rgba(15,23,42,.05)}.chat__tool--pin{color:#ef4444}.chat__tool--clip{color:#9aa3af}.chat__tool--emoji{color:#f5c518}.chat__emoji-btn:disabled{opacity:.4}.chat__emoji-btn svg,.chat__send svg{width:1.25rem;height:1.25rem}.chat__send{width:2.45rem;height:2.45rem;background:#3b6cf6;color:#fff;box-shadow:0 4px 10px rgba(59,108,246,.22)}.chat__send svg{width:1.15rem;height:1.15rem}.chat__send:disabled{opacity:1;cursor:default}.chat__emoji{position:absolute;bottom:calc(100% + .45rem);left:0;z-index:4;width:min(18rem,70vw);padding:.55rem;border:1px solid var(--color-border);border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.12)}.chat__emoji input{margin-bottom:.4rem;padding:.4rem .55rem;border-radius:8px;background:#f1f5f9}.chat__emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);max-height:11rem;overflow:auto}.chat__emoji-grid button{height:2rem;border-radius:8px;font-size:1.15rem}.chat__emoji-grid button:hover{background:#f1f5f9}.chat__emoji p{margin:.35rem 0 0;color:var(--color-muted);font-size:.8rem}@media (max-width:800px){.chat{grid-template-columns:1fr}.chat__seek--list{display:flex}.chat.is-thread .chat__list,.chat__seek--thread{display:none}.chat.is-thread .chat__seek--thread{display:flex}.chat:not(.is-thread) .chat__thread{display:none}.chat__back--thread{display:inline}}