.messages-shell{max-width:620px;background:#f8fcfd}.messages-heading{padding:18px 2px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px}.messages-heading h1{margin:5px 0 6px;font-size:clamp(32px,9vw,43px);line-height:1.04;letter-spacing:-.045em}.messages-heading p{margin:0;color:var(--ocean-slate);font-size:14px;line-height:1.45}.message-list-count{min-width:38px;height:38px;padding:0 10px;display:grid;place-items:center;border-radius:14px;background:var(--ocean-soft-aqua);color:var(--ocean-aqua-deep);font-size:13px;font-weight:800}.conversation-list{display:grid;gap:9px}.conversation-row{position:relative;min-width:0;min-height:88px;padding:12px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--ocean-line);border-radius:19px;background:#fff;color:var(--ocean-ink);text-decoration:none;box-shadow:var(--ocean-shadow-sm)}.conversation-row.unread{border-color:#b8e9e5;background:linear-gradient(90deg,#f0fbfa,#fff 38%)}.conversation-row.unread::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 5px 5px 0;background:var(--ocean-aqua)}.conversation-avatar{width:64px;height:64px;display:block;border-radius:18px;background:var(--ocean-cloud);object-fit:cover}.conversation-avatar-fallback{display:grid;place-items:center;background:linear-gradient(145deg,#BDF5F0,#14D4C4);color:#fff;font:800 25px var(--font-heading)}.conversation-copy{min-width:0}.conversation-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.conversation-name-row h2{min-width:0;margin:0;overflow:hidden;font-size:18px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.conversation-name-row time{flex:none;color:var(--ocean-slate);font-size:9px}.conversation-copy p{margin:5px 0 4px;overflow:hidden;color:var(--ocean-slate);font-size:12px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.conversation-copy p span{color:#49626a}.conversation-row.unread .conversation-copy p,.conversation-row.unread .conversation-name-row h2{color:var(--ocean-ink);font-weight:750}.conversation-copy small{color:#94a3ad;font-size:9px}.unread-count{min-width:23px;height:23px;padding:2px 6px;display:grid;place-items:center;border:2px solid #fff;border-radius:99px;background:var(--ocean-aqua);color:#fff;font-size:10px;font-weight:800;box-shadow:0 3px 8px rgba(20, 212, 196,.25)}.messages-empty{min-height:66vh;padding:34px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.message-empty-icon{width:78px;height:78px;margin-bottom:20px;display:grid;place-items:center;border-radius:25px;background:var(--ocean-soft-aqua);color:var(--ocean-aqua-deep);box-shadow:var(--ocean-shadow-sm)}.message-empty-icon.unavailable{background:#fff4f4;color:var(--ocean-danger)}.message-empty-icon .ui-icon{width:36px;height:36px}.messages-empty h1{margin:8px 0 10px;font-size:clamp(32px,9vw,42px);line-height:1.08;letter-spacing:-.045em}.messages-empty p{max-width:390px;margin:0 0 22px;color:var(--ocean-slate);line-height:1.55}.messages-empty .button{width:min(100%,280px)}
.conversation-shell{height:100dvh;padding-bottom:0;overflow:hidden}.conversation-shell .topbar{display:none}.conversation-shell .content{height:calc(100dvh - 80px - env(safe-area-inset-bottom));padding:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.conversation-header{position:relative;z-index:12;min-height:66px;padding:8px 12px;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;border-bottom:1px solid var(--ocean-line);background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}.conversation-back{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--ocean-ink)}.conversation-player{min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ocean-ink);text-decoration:none}.conversation-player img,.conversation-header-fallback{width:42px;height:42px;flex:none;border-radius:14px;object-fit:cover}.conversation-header-fallback{display:grid;place-items:center;background:var(--ocean-gradient);color:#fff;font-weight:800}.conversation-player>span:last-child{min-width:0}.conversation-player strong{display:block;overflow:hidden;font:750 15px var(--font-heading);text-overflow:ellipsis;white-space:nowrap}.conversation-player small{display:block;margin-top:2px;color:var(--ocean-aqua-deep);font-size:9px}.conversation-header .profile-options{justify-self:end}.poll-status{min-height:0;padding:0 16px;overflow:hidden;background:#fff7dc;color:var(--ocean-warning);font-size:11px;text-align:center;transition:min-height .15s ease,padding .15s ease}.poll-status.visible{min-height:30px;padding-block:7px}.message-history{min-height:0;padding:18px 16px 14px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfe4e8 transparent;background:linear-gradient(180deg,#f7fbfc,#eef8fa)}.message-bubble{max-width:min(82%,390px);padding:10px 13px;box-shadow:0 3px 13px rgba(11, 29, 54,.07)}.message-bubble.theirs{align-self:flex-start;border:1px solid var(--ocean-line);border-radius:18px 18px 18px 5px;background:#fff;color:var(--ocean-ink)}.message-bubble.mine{align-self:flex-end;border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,var(--ocean-blue),var(--ocean-aqua));color:#fff}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.message-bubble small{display:block;margin-top:5px;font-size:9px;opacity:.72;text-align:right}.chat-empty{margin:auto;display:grid;justify-items:center;gap:9px;color:var(--ocean-slate);text-align:center}.chat-empty p{margin:0;font-size:13px}.message-empty-mini{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:var(--ocean-soft-aqua);color:var(--ocean-aqua-deep)}.message-composer{position:relative;z-index:10;padding:9px 10px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;border-top:1px solid var(--ocean-line);background:rgba(255,255,255,.97);box-shadow:0 -8px 26px rgba(11, 29, 54,.06);backdrop-filter:blur(18px)}.composer-input{min-width:0}.message-composer textarea{width:100%;height:48px;max-height:120px;margin:0;padding:13px 14px;display:block;resize:none;border:1px solid var(--ocean-line);border-radius:17px;background:var(--ocean-cloud);color:var(--ocean-ink);font:14px/1.4 var(--font-body)}.message-composer textarea:focus{border-color:var(--ocean-aqua);outline:3px solid rgba(0, 123, 255,.28)}.message-composer button{min-width:54px;height:48px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:16px;background:var(--ocean-gradient);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(20, 212, 196,.22)}.message-composer button:disabled{opacity:.6;cursor:wait}.message-composer button .ui-icon{width:19px;height:19px}.message-composer .errorlist{grid-column:1/-1}.message-composer .errorlist+*{grid-column:1/-1}
@media(max-width:359px){.conversation-row{grid-template-columns:56px minmax(0,1fr) auto;gap:9px;padding:10px}.conversation-avatar{width:56px;height:56px}.conversation-player{gap:7px}.conversation-player img,.conversation-header-fallback{width:38px;height:38px}.message-composer button span{display:none}.message-composer button{min-width:48px;padding:0}.message-history{padding-inline:11px}.message-bubble{max-width:88%}}
@media(prefers-reduced-motion:reduce){.poll-status{transition:none}}
.message-composer{min-width:0;width:100%}
.message-composer .composer-input{min-width:0;overflow:hidden}
.message-composer textarea{min-width:0;font-size:16px}