#screen-chat .chat-wrap{display:flex;flex-direction:column;height:100%;padding:0 16px;padding-top:max(env(safe-area-inset-top,20px),20px);padding-bottom:max(env(safe-area-inset-bottom,14px),18px);}
.chat-head{display:flex;align-items:center;gap:10px;padding:6px 0 12px;}
.chat-title{flex:1;text-align:center;font-size:16px;font-weight:700;letter-spacing:-0.015em;}
.chat-msgs{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:6px 4px;scrollbar-width:none;}
.chat-msgs::-webkit-scrollbar{display:none;}
.cbubble{max-width:80%;padding:11px 15px;border-radius:18px;font-size:15px;line-height:1.55;word-break:break-word;letter-spacing:-0.005em;animation:bbIn .3s cubic-bezier(.22,.61,.36,1);}
@keyframes bbIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.cb-ai{align-self:flex-start;background:linear-gradient(160deg,rgba(255,255,255,0.09),rgba(255,255,255,0.04));border:1px solid var(--glass-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-left-radius:6px;box-shadow:inset 0 1px 0 var(--glass-hi);}
.cb-user{align-self:flex-end;background:linear-gradient(135deg,rgba(124,196,255,0.38),rgba(143,208,255,0.26));border:1px solid rgba(124,196,255,0.3);border-bottom-right-radius:6px;box-shadow:0 4px 16px rgba(109,184,255,0.18);}
.chat-stage{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 0 6px;}
.chat-status{font-size:13px;color:var(--text-secondary);min-height:18px;text-align:center;letter-spacing:-0.005em;}
#chatOrb{cursor:pointer;}
.chat-input-row{display:flex;align-items:center;gap:10px;padding:8px 0 2px;}
.chat-input{flex:1;height:44px;border-radius:22px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);padding:0 16px;font-size:15px;outline:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--glass-hi);font-family:inherit;letter-spacing:-0.01em;}
.chat-input::placeholder{color:var(--text-tertiary);}
.chat-input:focus{border-color:rgba(124,196,255,0.5);box-shadow:0 0 0 3px rgba(124,196,255,0.12);}
#chatSend{width:44px;height:44px;font-size:0;flex:none;display:grid;place-items:center;color:#06243f;}
.tabbar.hide{display:none;}
/* Typing indicator */
.cb-typing{display:flex;gap:4px;padding:14px 16px;align-items:center;}
.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted,#8a9bb4);animation:tdot 1.2s infinite ease-in-out;}
.typing-dot:nth-child(2){animation-delay:.2s;}
.typing-dot:nth-child(3){animation-delay:.4s;}
@keyframes tdot{0%,60%,100%{opacity:.3;transform:translateY(0);}30%{opacity:1;transform:translateY(-4px);}}

/* Chat bubble timestamps */
.cb-text{white-space:pre-wrap;word-break:break-word;}
.cb-time{font-size:10px;color:var(--text-muted,#8a9bb4);margin-top:3px;opacity:0.5;}