.app--chat{display:flex;flex-direction:column;height:100%;min-height:100dvh;max-height:100dvh;overflow:hidden}.chat-warning{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#fef2f2;color:#b91c1c;padding:8px 16px;border-radius:8px;font-size:13px;z-index:100;box-shadow:0 2px 8px #00000014}.chat-header{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 20px;padding-top:max(12px,env(safe-area-inset-top,0px) + 8px);background:var(--chat-header-bg);border-bottom:1px solid var(--chat-header-border);box-shadow:0 1px 3px #0000000a}.chat-header__title{flex:1;min-width:0}.chat-header__title h1{margin:0;font-size:18px;font-weight:600;color:var(--chat-text)}.chat-header__subtitle{display:block;font-size:12px;color:var(--chat-text-muted);margin-top:2px}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;align-items:stretch;-webkit-overflow-scrolling:touch}.chat-welcome{text-align:center;padding:32px 24px;color:var(--chat-text-muted);font-size:15px;line-height:1.5}.chat-welcome__hint{margin-top:8px;font-size:13px;opacity:.9}@media (max-width: 768px){.chat-header{padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top,0px) + 6px)}.chat-header__title h1{font-size:17px}.chat-messages{padding:12px}}.profile-icon{flex-shrink:0;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--chat-avatar-bg)}.profile-icon--sm{width:32px;height:32px}.profile-icon--md{width:40px;height:40px}.profile-icon img{width:100%;height:100%;object-fit:cover}.profile-icon--user{color:var(--chat-user-icon);background:var(--chat-user-avatar-bg)}.profile-icon--user svg{display:block}.message-row{display:flex;align-items:flex-end;gap:10px;max-width:92%;margin-bottom:12px}.message-row--user{align-self:flex-end;flex-direction:row-reverse}.message-row--mia{align-self:flex-start}.message-row__icon{flex-shrink:0}.message-bubble{padding:10px 14px;border-radius:16px;max-width:85%;box-shadow:0 1px 2px #0000000f}.message-bubble--user{background:var(--chat-bubble-user-bg);color:var(--chat-bubble-user-text);border-bottom-right-radius:4px}.message-bubble--mia{background:var(--chat-bubble-mia-bg);color:var(--chat-bubble-mia-text);border-bottom-left-radius:4px}.message-bubble__text{margin:0;font-size:15px;line-height:1.45;word-wrap:break-word;white-space:pre-wrap}.message-bubble__speak{margin-top:6px;padding:4px 8px;font-size:12px;border:none;background:#fff6;border-radius:8px;cursor:pointer;opacity:.85}.message-bubble__speak:hover{opacity:1}@media (max-width: 768px){.message-row{max-width:96%}.message-bubble{max-width:88%;padding:10px 12px}.message-bubble__text{font-size:14px}}.chat-input{display:flex;align-items:center;gap:8px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px) + 8px);background:var(--chat-input-bg);border-top:1px solid var(--chat-input-border)}.chat-input__field{flex:1;min-width:0;padding:12px 16px;font-size:15px;border:1px solid var(--chat-input-border);border-radius:24px;background:var(--chat-input-field-bg);color:var(--chat-input-text);outline:none;transition:border-color .2s,box-shadow .2s}.chat-input__field::placeholder{color:var(--chat-input-placeholder)}.chat-input__field:focus{border-color:var(--chat-accent);box-shadow:0 0 0 2px #60a5fa33}.chat-input__field:disabled{opacity:.7;cursor:not-allowed}.chat-input__mic,.chat-input__send{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;color:var(--chat-input-icon);background:var(--chat-input-field-bg);border:1px solid var(--chat-input-border);transition:background .2s,color .2s,transform .1s}.chat-input__mic:hover:not(:disabled),.chat-input__send:hover:not(:disabled){background:var(--chat-accent);color:#fff;border-color:var(--chat-accent)}.chat-input__mic:active:not(:disabled),.chat-input__send:active:not(:disabled){transform:scale(.96)}.chat-input__mic--active{background:var(--chat-accent);color:#fff;border-color:var(--chat-accent);animation:chat-mic-pulse 1.5s ease-in-out infinite}.chat-input__send:disabled{opacity:.5;cursor:not-allowed}@keyframes chat-mic-pulse{0%,to{box-shadow:0 0 #60a5fa66}50%{box-shadow:0 0 0 8px #60a5fa00}}@media (max-width: 768px){.chat-input{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom,0px) + 6px)}.chat-input__field{padding:10px 14px;font-size:16px}.chat-input__mic,.chat-input__send{width:40px;height:40px}}:root{--accent-blue: #60a5fa;--accent-green: #22c55e;--chat-accent: #60a5fa;--chat-bg: #f8fafc;--chat-header-bg: #ffffff;--chat-header-border: #e2e8f0;--chat-text: #1e293b;--chat-text-muted: #64748b;--chat-bubble-user-bg: #3b82f6;--chat-bubble-user-text: #ffffff;--chat-bubble-mia-bg: #ffffff;--chat-bubble-mia-text: #1e293b;--chat-avatar-bg: #e2e8f0;--chat-user-avatar-bg: #94a3b8;--chat-user-icon: #ffffff;--chat-input-bg: #ffffff;--chat-input-border: #e2e8f0;--chat-input-field-bg: #f1f5f9;--chat-input-text: #1e293b;--chat-input-placeholder: #94a3b8;--chat-input-icon: #64748b;--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--chat-bg);color:var(--chat-text);overflow:hidden;height:100vh;height:100dvh;width:100vw;width:100dvw;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#root{width:100%;height:100%}