.conversation{min-height:0;height:100%;display:flex;flex-direction:column;padding:0!important;gap:0!important}
.chat-presence{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 16px;border-bottom:1px solid #ffffff68;font-size:11px;flex-shrink:0}
.chat-presence button{border:0;background:transparent;color:var(--accent);padding:4px 0;font:inherit;cursor:pointer}
.conversation .message-list{flex:1;min-height:0;overflow:auto;padding:16px 12px 12px;overscroll-behavior:contain;scrollbar-width:thin}
.conversation .message{margin-bottom:16px;gap:8px}.conversation .avatar{width:30px;height:30px;min-width:30px;font-size:17px}.conversation .bubble{font-size:14px;line-height:1.75;padding:10px 13px;white-space:pre-wrap;overflow-wrap:anywhere}.conversation .message-content{max-width:calc(100% - 42px)}
.conversation .message-time{font-size:9px;opacity:.55;margin-top:4px}.conversation .thought{font-size:11px;line-height:1.65;max-height:120px;overflow:auto}.chat-media{display:block;max-width:100%;max-height:260px;border-radius:12px;object-fit:contain}.chat-sticker{max-width:140px;max-height:140px}.chat-audio{max-width:100%;height:38px;width:230px}.chat-media-button{border:0;background:transparent;padding:0;cursor:zoom-in}.chat-audio-missing{font-size:11px;color:#8e727a}
.conversation .chat-composer{display:flex;gap:8px;align-items:flex-end;padding:8px 12px 4px;border-top:1px solid #ffffff80;background:#fff8fcbd;flex-shrink:0}.conversation .chat-composer textarea{flex:1;min-height:40px;max-height:100px;border-radius:20px;padding:10px 14px;background:#fff;border:1px solid #e8d6df;font:inherit;font-size:14px;resize:none}.conversation .chat-composer button{width:40px;height:40px;border-radius:50%;border:0;background:var(--accent);color:white;flex-shrink:0}
.chat-toolbar{display:flex;align-items:center;gap:3px;padding:3px 10px 9px;background:#fff8fcbd;flex-shrink:0}.chat-toolbar button{display:flex;justify-content:center;align-items:center;gap:4px;border:0;background:transparent;color:#886b7d;padding:7px;min-width:34px;min-height:34px;font-size:11px;cursor:pointer}.chat-toolbar .continue-reply{margin-left:auto;border:1px solid #e9d8e1;border-radius:18px;padding:5px 11px;color:var(--accent);background:#fff}.chat-toolbar button:disabled{opacity:.45}
.chat-tools-grid,.sticker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chat-tools-grid button,.sticker-grid button{border:1px solid #f0e1e8;background:#fff7fb;border-radius:14px;min-height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:12px;color:#79546a}.sticker-grid img{width:60px;height:60px;object-fit:contain}.sticker-grid .emoji-sticker{font-size:30px}.chat-welcome{padding:30px 14px}.chat-welcome h2{font-size:19px}.chat-error{padding:8px 14px;font-size:12px;max-height:80px;overflow:auto}
.phone-screen:has(.conversation) .app-header{padding-top:8px;padding-bottom:8px;min-height:52px}.phone-screen:has(.conversation) .app-header h1{font-size:17px}.phone-screen:has(.conversation) .app-header-copy p{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.phone-screen:has(.conversation) .app-body{padding:0;min-height:0;overflow:hidden}
.api-save-state{font-size:12px;color:#7c6672;padding:8px 0;min-height:28px}.api-save-state.saved{color:#49785b}.api-save-state.failed{color:#ad4d5f}.chat-identity-select{font-size:12px;border:1px solid #ead4df;background:#fff;border-radius:12px;padding:10px;width:100%}
@media(max-width:520px){body.immersive-mode:has(.conversation) .status-bar{height:24px;min-height:24px;padding-top:max(3px,env(safe-area-inset-top));font-size:10px}body.immersive-mode:has(.conversation) .dynamic-island{transform:scale(.68)}.conversation .message-list{padding-top:12px}.chat-toolbar{padding-bottom:max(5px,env(safe-area-inset-bottom))}}
@media(max-height:650px){.phone-screen:has(.conversation) .status-bar{display:none}.chat-presence{padding-top:3px;padding-bottom:3px}.conversation .message-list{padding-top:10px}.chat-toolbar{padding-bottom:4px}}