.chat-page{--chat-card:var(--surface);--chat-line:var(--hairline);--chat-text:var(--text);--chat-muted:var(--text-muted);--chat-accent:var(--accent-strong);color:var(--text);width:min(100%,760px);padding:var(--space-xl) var(--space-screen);margin:0 auto}.chat-header{margin-bottom:var(--space-xl)}.chat-header h1{min-width:0;font-size:var(--font-size-page-title);overflow-wrap:anywhere;margin:0}.chat-detail-header h1{min-width:0;font-size:var(--font-size-view-title);overflow-wrap:anywhere;flex:12rem;margin:0}.chat-loading{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--muted);margin:auto;padding:3rem 1rem;display:flex}.chat-spinner{border:2px solid color-mix(in srgb, var(--chat-accent) 28%, transparent);border-top-color:var(--chat-accent);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.chat-alert{color:var(--text);background:var(--danger-tint);border:1px solid color-mix(in srgb, var(--danger) 40%, transparent);border-radius:var(--radius-box);padding:var(--space-md);margin-bottom:var(--space-md)}.chat-alert p{margin:0 0 var(--space-sm)}.chat-alert button{color:var(--chat-text);border:1px solid var(--chat-line);border-radius:var(--radius-button);padding:var(--space-sm) var(--space-md);background:0 0}.chat-header-button,.chat-load-older,.chat-safety-menu button{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-button);padding:var(--space-sm) var(--space-md);background:0 0}.chat-empty{justify-items:center;gap:var(--space-md);text-align:center;color:var(--muted);padding:3rem 1rem;display:grid}.chat-empty>svg{color:var(--chat-muted)}.chat-empty h2,.chat-empty p{margin:0}.chat-empty h2{color:var(--text);font-size:1.1rem}.chat-empty-inline{padding:var(--space-lg)}.chat-conversation-list{border-block:1px solid var(--hairline);background:var(--surface);display:grid;overflow:hidden}.chat-conversation-list:empty{display:none}.chat-conversation-row{--press-scale:var(--press-scale-card);gap:var(--space-md);text-align:left;width:100%;min-height:72px;color:var(--text);border:0;border-bottom:1px solid var(--border);background:var(--surface);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);border-radius:0;grid-template-columns:3rem 1fr;font-weight:400;display:grid}.chat-conversation-row:last-child{border-bottom:0}.chat-avatar{width:3rem;height:3rem;color:var(--accent-tint-text);background:var(--accent-tint);border-radius:50%;place-items:center;font-weight:700;display:grid}.chat-conversation-copy,.chat-conversation-heading,.chat-conversation-preview{min-width:0}.chat-conversation-heading,.chat-conversation-preview{justify-content:space-between;gap:var(--space-sm);display:flex}.chat-conversation-heading time,.chat-conversation-preview>span:first-child{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.chat-conversation-heading strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-conversation-heading time,.chat-unread-badge{flex:none}.chat-conversation-preview{margin-top:var(--space-xs)}.chat-unread-badge{background:var(--gradient-bubble);min-width:1.4rem;height:1.4rem;color:var(--bubble-on-mine);border-radius:var(--radius-pill);padding:0 var(--space-xs);place-items:center;font-size:.7rem;font-weight:700;display:grid}.chat-detail-page{--chat-shell-chrome:calc(var(--app-topbar-height) + var(--app-bottom-nav-height) + env(safe-area-inset-bottom));height:calc(100dvh - var(--chat-shell-chrome));gap:var(--space-md);flex-direction:column;display:flex}.chat-detail-header{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--chat-line);padding-bottom:var(--space-md);flex-wrap:wrap;display:flex}.chat-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-sm);flex-wrap:wrap;flex:0 auto;margin-left:auto;display:flex}.chat-message-region{min-height:0;padding:var(--space-sm) var(--space-xs);overscroll-behavior:contain;flex:auto;overflow-y:auto}.chat-load-older{margin:0 auto var(--space-lg);color:var(--muted);display:block}.chat-message-list{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.chat-message-list li{display:flex}.chat-message-list li.is-mine{justify-content:flex-end}.chat-message-list li.is-partner{justify-content:flex-start}.chat-message-bubble{flex-direction:column;max-width:min(82%,34rem);display:flex}.is-mine .chat-message-bubble{align-items:flex-end}.is-partner .chat-message-bubble{align-items:flex-start}.chat-message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--space-sm) 14px;border-radius:var(--radius-bubble);color:var(--chat-text);background:var(--chat-card);margin:0;font-size:.9375rem;line-height:1.55}.is-mine .chat-message-bubble p{color:var(--bubble-on-mine);background:var(--gradient-bubble)}.chat-message-bubble span{align-items:center;gap:var(--space-xs);padding:0 var(--space-xs);color:var(--chat-muted);margin-top:2px;font-size:.68rem;display:flex}.chat-read-mark{color:var(--accent-strong);font-weight:700}.chat-composer{gap:var(--space-sm);border-top:1px solid var(--chat-line);padding-top:var(--space-md);grid-template-columns:1fr auto;align-items:end;display:grid}.chat-composer label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.chat-composer textarea{resize:none;max-height:calc(1.5em * 4 + var(--space-lg) + 2px);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-composer);color:var(--chat-text);padding:var(--space-sm) var(--space-md);font:inherit;line-height:1.5;overflow-y:auto}.chat-composer textarea:disabled{color:var(--chat-muted);opacity:1}.chat-composer button{background:var(--gradient-bubble);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--bubble-on-mine);border:0;border-radius:50%;padding:0}.chat-composer button:disabled{background:var(--text-muted);color:var(--on-dark);opacity:.45}.chat-locked-state{justify-items:center;gap:var(--space-lg);text-align:center;color:var(--muted);margin:auto;padding:2rem;display:grid}.chat-locked-state>svg{color:var(--chat-accent)}.chat-locked-state h2,.chat-locked-state p{margin:0}.chat-locked-state h2{max-width:22rem;color:var(--text);font-size:1.0625rem}.chat-failure-state>svg{color:var(--warning-strong)}.chat-closed-notice{color:var(--chat-muted);background:var(--surface-raised);border-radius:var(--radius-box);padding:var(--space-md);text-align:center}.chat-closed-notice p{margin:0}.chat-closed-notice button{margin-top:var(--space-sm);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-button);padding:var(--space-sm) var(--space-md);background:0 0}.chat-safety-menu{color:var(--muted);position:relative}.chat-safety-menu summary{width:44px;min-width:44px;height:44px;color:var(--chat-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;list-style:none;display:inline-grid}.chat-safety-menu summary::-webkit-details-marker{display:none}.chat-safety-panel{z-index:3;top:calc(100% + var(--space-xs));gap:var(--space-sm);min-width:14rem;padding:var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-prominent);background:var(--surface);box-shadow:var(--shadow-card);display:grid;position:absolute;right:0}.chat-safety-menu button{width:100%;display:block}@media (width<=520px){.chat-page{padding-top:var(--space-sm)}.chat-message-bubble{max-width:88%}}@media (width>=760px){.chat-detail-page{--chat-shell-chrome:var(--app-topbar-height)}}