.chat-page{isolation:isolate;min-height:calc(100vh - var(--header-height,80px));background:radial-gradient(ellipse 80% 50% at 10% 0%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 55%), radial-gradient(ellipse 70% 45% at 100% 20%, color-mix(in srgb, var(--forest-deep,#1f3d30) 14%, transparent), transparent 50%), linear-gradient(180deg, var(--bg-primary), var(--bg-secondary));place-items:center;padding:28px 16px 40px;display:grid;position:relative;overflow:hidden}.chat-page-glow{background:linear-gradient(0deg, color-mix(in srgb, var(--primary) 10%, transparent), transparent);pointer-events:none;z-index:0;height:45%;position:absolute;inset:auto -10% -20%}.chat-panel{z-index:1;border:1px solid color-mix(in srgb, var(--primary) 18%, var(--border-color));background:linear-gradient(165deg, color-mix(in srgb, var(--bg-card) 92%, var(--primary) 8%), var(--bg-card));border-radius:28px;width:min(100%,720px);padding:28px;position:relative;box-shadow:0 24px 60px #14281e1f,inset 0 1px #ffffff8c}.chat-panel--status{text-align:center;width:min(100%,360px);color:var(--text-secondary);place-items:center;gap:12px;display:grid}.chat-panel--gate{text-align:center;justify-items:center;width:min(100%,440px);padding:36px 28px 28px;display:grid}.chat-panel--room{grid-template-rows:auto auto auto 1fr auto;gap:14px;min-height:min(72vh,760px);padding:20px;display:grid;position:relative}.chat-booking-strip{gap:10px;display:grid}.chat-phone-pill{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-tertiary) 55%, var(--bg-card));width:fit-content;max-width:100%;color:var(--text-secondary);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.chat-phone-pill.is-open{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-color));background:color-mix(in srgb, var(--primary) 12%, var(--bg-card));color:var(--primary-dark)}.chat-phone-pill a{color:inherit;text-decoration:none}.chat-booking-card{border:1px solid var(--border-color);background:color-mix(in srgb, var(--primary) 6%, var(--bg-card));border-radius:16px;gap:10px;padding:12px 14px;display:grid}.chat-booking-card strong{font-size:14px;display:block}.chat-booking-card span{color:var(--text-secondary);margin-top:3px;font-size:12px;font-weight:600;display:block}.chat-booking-actions{flex-wrap:wrap;gap:8px;display:flex}.chat-booking-actions .auth-btn{min-height:36px;padding:0 12px;font-size:13px}.chat-booking-hint{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.chat-panel--inbox{gap:16px;width:min(100%,640px);padding:20px;display:grid}.chat-inbox-head{gap:14px;display:grid}.chat-back-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:fit-content;min-height:40px;color:var(--text-primary);border-radius:14px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chat-back-btn:hover{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 35%, var(--border-color));color:var(--primary-dark)}.chat-back-btn--compact{min-height:42px;padding:0 12px}@media (max-width:640px){.chat-back-btn--compact span{display:none}.chat-back-btn--compact{justify-content:center;width:42px;padding:0}}.chat-inbox-title{text-align:left}.chat-inbox-title h1{font-family:var(--font-playfair), Georgia, serif;color:var(--forest,var(--primary-dark));letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(1.7rem,4vw,2.2rem)}.chat-inbox-title p:last-child{color:var(--text-secondary);margin:0;line-height:1.45}.chat-inbox-list{gap:10px;display:grid}.chat-inbox-item{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-card) 88%, var(--bg-secondary));color:inherit;border-radius:18px;grid-template-columns:48px 1fr 18px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:grid}.chat-inbox-item:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-color));background:color-mix(in srgb, var(--primary) 6%, var(--bg-card));transform:translateY(-1px)}.chat-inbox-item.is-unread{border-color:color-mix(in srgb, var(--primary) 28%, var(--border-color));background:color-mix(in srgb, var(--primary) 8%, var(--bg-card))}.chat-inbox-avatar{background:linear-gradient(145deg, var(--primary-soft), color-mix(in srgb, var(--primary) 22%, transparent));width:48px;height:48px;color:var(--primary-dark);letter-spacing:.02em;border-radius:16px;place-items:center;font-size:14px;font-weight:800;display:grid}.chat-inbox-body{gap:4px;min-width:0;display:grid}.chat-inbox-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.chat-inbox-row strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.chat-inbox-row time{color:var(--text-muted);flex-shrink:0;font-size:11px;font-weight:700}.chat-inbox-row--sub em{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:normal;font-weight:700;overflow:hidden}.chat-unread-pill{background:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.chat-inbox-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-inbox-item.is-unread .chat-inbox-preview{color:var(--text-secondary);font-weight:600}.chat-inbox-chevron{color:var(--text-muted);opacity:.7}.chat-gate-icon{width:64px;height:64px;color:var(--primary-dark);background:linear-gradient(145deg, var(--primary-soft), color-mix(in srgb, var(--primary) 22%, transparent));border:1px solid color-mix(in srgb, var(--primary) 24%, transparent);border-radius:20px;place-items:center;margin:0 auto 16px;display:grid}.chat-kicker{background:var(--primary-soft);color:var(--primary-dark);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin:0 0 10px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.chat-panel--gate h1,.chat-room-meta h1{font-family:var(--font-playfair), Georgia, serif;color:var(--forest,var(--primary-dark));letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.2rem)}.chat-gate-copy,.chat-room-meta p{color:var(--text-secondary);margin:0;line-height:1.5}.chat-property-chip{background:var(--bg-secondary);border:1px solid var(--border-color);max-width:100%;color:var(--text-primary);border-radius:14px;align-items:center;gap:8px;margin:18px auto 0;padding:10px 14px;font-size:14px;font-weight:700;display:inline-flex}.chat-property-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-gate-actions{gap:10px;margin-top:24px;display:grid}.chat-btn{cursor:pointer;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:800;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.chat-btn:hover{transform:translateY(-1px)}.chat-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.chat-btn--primary{background:linear-gradient(135deg, var(--primary-dark), var(--primary));box-shadow:0 14px 32px color-mix(in srgb, var(--primary) 32%, transparent);min-height:52px;font-size:16px;color:#fff!important}.chat-btn--primary:hover{filter:brightness(1.04)}.chat-btn--ghost{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.chat-back-link{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.chat-back-link:hover{color:var(--primary-dark)}.chat-room-head{border-bottom:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding-bottom:4px;display:grid}.chat-room-meta{text-align:left;min-width:0}.chat-room-meta .chat-kicker{margin-bottom:6px}.chat-room-meta h1{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:clamp(1.15rem,3vw,1.45rem);overflow:hidden}.chat-room-meta p{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-icon-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:42px;height:42px;color:var(--text-primary);border-radius:14px;place-items:center;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:grid}.chat-icon-btn:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-color));background:var(--primary-soft);color:var(--primary-dark)}.chat-alert{color:#be123c;background:#e11d481a;border:1px solid #e11d483d;border-radius:14px;padding:12px 14px;font-size:14px;font-weight:700}.chat-alert--login{text-align:left;gap:4px;margin-top:18px;display:grid}.chat-alert--login strong{font-size:14px}.chat-alert--login span{color:color-mix(in srgb, #be123c 85%, var(--text-secondary));font-size:13px;font-weight:600}.chat-alert--with-action{gap:12px;display:grid}.chat-alert--with-action p{margin:0}.chat-gate-back{align-self:flex-start;margin-bottom:8px}.chat-panel--gate .chat-gate-actions{width:100%}.chat-page .chat-thread{border:1px solid var(--border-color);background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 5%, var(--bg-tertiary)), var(--bg-tertiary));scroll-behavior:smooth;border-radius:20px;flex-direction:column;flex:1;gap:12px;min-height:280px;max-height:none;margin:0;padding:16px 12px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--text-muted);place-items:center;gap:10px;margin:auto;padding:24px 12px;display:grid}.chat-empty p{max-width:240px;margin:0;line-height:1.45}.chat-msg-block{flex-direction:column;gap:8px;width:100%;display:flex}.chat-day-divider{justify-content:center;margin:4px 0 2px;display:flex}.chat-day-divider span{background:color-mix(in srgb, var(--bg-secondary) 88%, var(--border-color));border:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);color:var(--text-muted);letter-spacing:.02em;border-radius:999px;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.chat-system-msg{background:color-mix(in srgb, var(--primary) 8%, transparent);border:1px solid color-mix(in srgb, var(--primary) 16%, transparent);text-align:center;border-radius:14px;justify-items:center;gap:4px;max-width:min(92%,420px);margin:6px auto 10px;padding:10px 14px;display:grid}.chat-system-msg p{color:var(--text-secondary);margin:0;font-size:13px;font-weight:650;line-height:1.45}.chat-system-msg time{color:var(--text-muted);opacity:.85;font-size:11px}.chat-page .chat-bubble{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px 18px 18px 6px;max-width:min(85%,420px);padding:10px 12px 8px;position:relative;box-shadow:0 6px 16px #14281e0a}.chat-page .chat-bubble.is-mine{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 22%, var(--bg-card)), color-mix(in srgb, var(--primary) 12%, var(--bg-card)));border-color:color-mix(in srgb, var(--primary) 28%, transparent);border-radius:18px 18px 6px;align-self:flex-end}.chat-page .chat-bubble.is-menu-open{z-index:3}.chat-bubble-top{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.chat-page .chat-bubble strong{color:var(--primary-dark);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:800}.chat-msg-actions{flex-shrink:0;position:relative}.chat-msg-more{width:28px;height:28px;color:var(--text-muted);cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:10px;place-items:center;margin:-4px -4px -4px 0;transition:opacity .15s,background .15s,color .15s;display:inline-grid}.chat-page .chat-bubble:hover .chat-msg-more,.chat-page .chat-bubble.is-menu-open .chat-msg-more,.chat-msg-more:focus-visible{opacity:1;background:color-mix(in srgb, var(--bg-secondary) 70%, transparent);color:var(--text-primary)}.chat-msg-more:disabled{cursor:wait;opacity:.7}.chat-msg-menu{z-index:5;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;gap:2px;min-width:148px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 12px 28px #101c1624}.chat-bubble.is-mine .chat-msg-menu{left:auto;right:0}.chat-msg-menu button{width:100%;color:var(--text-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.chat-msg-menu button:hover,.chat-msg-menu button:focus-visible{background:color-mix(in srgb, var(--bg-secondary) 85%, transparent);outline:none}.chat-msg-menu button.is-danger{color:#c0392b}.chat-msg-menu button.is-danger:hover,.chat-msg-menu button.is-danger:focus-visible{background:color-mix(in srgb, #c0392b 10%, var(--bg-card))}.chat-page .chat-bubble p{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:4px 0 0;font-size:14px;line-height:1.45}.chat-bubble-meta{justify-content:flex-end;margin-top:8px;display:flex}.chat-bubble-meta time{color:var(--text-muted);align-items:baseline;gap:6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.chat-bubble-time{font-variant-numeric:tabular-nums;letter-spacing:.02em}.chat-bubble-day{opacity:.85;font-weight:500}.chat-bubble.is-mine .chat-bubble-meta time{color:color-mix(in srgb, var(--primary-dark) 55%, var(--text-muted))}.chat-toast{z-index:6;background:color-mix(in srgb, var(--text-primary) 92%, transparent);color:var(--bg-card);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:650;animation:.22s chat-toast-in;display:inline-flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000002e}@keyframes chat-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.chat-composer{grid-template-columns:1fr auto;align-items:end;gap:10px;padding-top:4px;display:grid}.chat-composer textarea{resize:vertical;border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;min-height:52px;max-height:140px;font:inherit;color:var(--text-primary);border-radius:18px;outline:none;padding:14px 16px;font-size:15px}.chat-composer textarea:focus{border-color:color-mix(in srgb, var(--primary) 45%, var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 16%, transparent)}.chat-send{border-radius:18px;min-width:120px}.chat-spinner{animation:.8s linear infinite chat-spin}@keyframes chat-spin{to{transform:rotate(360deg)}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:640px){.chat-page{place-items:stretch stretch;padding:12px 12px 24px}.chat-panel,.chat-panel--gate,.chat-panel--status,.chat-panel--inbox{border-radius:22px;width:100%}.chat-panel--room{min-height:calc(100vh - var(--header-height,80px) - 36px);padding:14px}.chat-panel--inbox{padding:14px}.chat-inbox-item{grid-template-columns:44px 1fr 16px;padding:12px}.chat-inbox-avatar{border-radius:14px;width:44px;height:44px}.chat-composer{grid-template-columns:1fr auto}.chat-send{width:52px;min-width:52px;padding:0}.chat-send span{display:none}.chat-room-meta{text-align:left}}.msg-page{isolation:isolate;min-height:calc(100vh - var(--header-height,80px));background:radial-gradient(ellipse 70% 40% at 0% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 55%), linear-gradient(180deg, var(--bg-primary), var(--bg-secondary));place-items:start center;padding:20px 16px 48px;display:grid;position:relative}.msg-page--owner{background:0 0;place-items:stretch stretch;min-height:0;padding:8px 16px 32px}.msg-shell{border:1px solid color-mix(in srgb, var(--primary) 14%, var(--border-color));background:var(--bg-card);border-radius:24px;gap:18px;width:min(100%,720px);padding:22px;display:grid;box-shadow:0 18px 48px #14281e14}.msg-page--owner .msg-shell{width:100%;max-width:880px;box-shadow:none;border-color:var(--border-color);border-radius:18px;margin:0;padding:20px}.msg-shell--status{text-align:center;width:min(100%,320px);color:var(--text-secondary);place-items:center;margin-top:12vh}.msg-head{gap:14px;display:grid}.msg-head-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.msg-back{border:1px solid var(--border-color);background:var(--bg-secondary);min-height:38px;color:var(--text-primary);border-radius:12px;align-items:center;gap:8px;padding:0 12px 0 10px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.msg-back:hover{background:color-mix(in srgb, var(--primary) 10%, var(--bg-card));border-color:color-mix(in srgb, var(--primary) 35%, var(--border-color));color:var(--primary-dark)}.msg-unread-total{background:color-mix(in srgb, var(--primary) 14%, var(--bg-card));min-height:28px;color:var(--primary-dark);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.msg-head-copy h1{font-family:var(--font-playfair), Georgia, serif;color:var(--forest,var(--primary-dark));letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(1.55rem,3.5vw,2rem)}.msg-head-copy p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.msg-search{border:1px solid var(--border-color);background:var(--bg-secondary);min-height:46px;color:var(--text-muted);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.msg-search:focus-within{border-color:color-mix(in srgb, var(--primary) 45%, var(--border-color));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary-dark)}.msg-search input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;font-size:14px}.msg-alert{color:#be123c;background:#e11d481a;border:1px solid #e11d483d;border-radius:14px;gap:12px;padding:14px;font-size:14px;font-weight:700;display:grid}.msg-alert p{margin:0}.msg-btn{border:1px solid var(--border-color);background:var(--bg-card);min-height:42px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.msg-btn:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-color));color:var(--primary-dark)}.msg-btn--primary{background:var(--primary);color:#fff;border-color:#0000}.msg-btn--primary:hover{background:var(--primary-dark,#1f3d30);color:#fff}.msg-empty{text-align:center;border:1px dashed color-mix(in srgb, var(--primary) 28%, var(--border-color));background:color-mix(in srgb, var(--bg-secondary) 70%, var(--bg-card));border-radius:18px;justify-items:center;gap:10px;padding:36px 16px;display:grid}.msg-empty-icon{background:color-mix(in srgb, var(--primary) 12%, var(--bg-card));width:56px;height:56px;color:var(--primary-dark);border-radius:18px;place-items:center;margin-bottom:4px;display:grid}.msg-empty strong{color:var(--text-primary);font-size:16px}.msg-empty p{max-width:320px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.45}.msg-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.msg-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.msg-item{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-secondary) 55%, var(--bg-card));color:inherit;border-radius:16px;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;padding:14px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:grid}.msg-item:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border-color));background:color-mix(in srgb, var(--primary) 6%, var(--bg-card));transform:translateY(-1px)}.msg-item.is-unread{border-color:color-mix(in srgb, var(--primary) 40%, var(--border-color));background:color-mix(in srgb, var(--primary) 9%, var(--bg-card))}.msg-avatar{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 22%, var(--bg-card)), color-mix(in srgb, var(--forest-deep,#1f3d30) 18%, var(--bg-secondary)));width:48px;height:48px;color:var(--primary-dark);letter-spacing:.02em;border-radius:14px;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.msg-avatar-dot{background:var(--primary);border:2px solid var(--bg-card);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.msg-item-main{gap:4px;min-width:0;display:grid}.msg-item-row{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.msg-item-row strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.msg-item-row time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;font-weight:600}.msg-item-row--peer{color:var(--text-secondary);font-size:13px;font-weight:650}.msg-item-row--peer span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.msg-count{background:var(--primary);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:800;display:inline-grid}.msg-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.4;overflow:hidden}.msg-item.is-unread .msg-preview{color:var(--text-secondary);font-weight:650}.msg-foot{border-top:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);justify-content:flex-end;padding-top:4px;display:flex}.msg-foot-link{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.msg-foot-link:hover{color:var(--primary-dark)}@media (max-width:640px){.msg-page{padding:12px 12px 32px}.msg-page--owner{padding:4px 12px 24px}.msg-shell,.msg-page--owner .msg-shell{border-radius:18px;padding:14px}.msg-item{grid-template-columns:44px minmax(0,1fr);padding:12px}.msg-avatar{border-radius:12px;width:44px;height:44px}}