*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;color:#262626;-webkit-font-smoothing:antialiased;height:100dvh;overflow:hidden}#root{height:100dvh;display:flex;flex-direction:column}.theme-god{--accent: #C8A23D;--bg: linear-gradient(180deg, #FFFDF5 0%, #FFF8E7 100%);--bubble-assistant-bg: #FDF6E3;--bubble-assistant-color: #3D2E1A;--bubble-user-bg: linear-gradient(135deg, #C8A23D, #E8C94A);--bubble-user-color: #FFFDF5;--header-border: #E8D9A0;--input-border-focus: #C8A23D;--typing-dot: #C8A23D;--input-bg: #FDFAF0;--header-bg: #FFFDF5;--send-color: #C8A23D;--send-disabled: #E8D9A0}.theme-buddha{--accent: #B8860B;--bg: linear-gradient(180deg, #F7FAF5 0%, #EFF5E7 100%);--bubble-assistant-bg: #F0EDE5;--bubble-assistant-color: #2D2B26;--bubble-user-bg: linear-gradient(135deg, #7B8C56, #A4B06B);--bubble-user-color: #F7FAF5;--header-border: #D4CDB8;--input-border-focus: #B8860B;--typing-dot: #B8860B;--input-bg: #F5F3EE;--header-bg: #F7FAF5;--send-color: #7B8C56;--send-disabled: #C4C9B8}.theme-allah{--accent: #1A6B5A;--bg: linear-gradient(180deg, #F5F8FA 0%, #E8F0F2 100%);--bubble-assistant-bg: #E8F4F0;--bubble-assistant-color: #1A2E2A;--bubble-user-bg: linear-gradient(135deg, #1A6B5A, #2E8B7A);--bubble-user-color: #F5F8FA;--header-border: #B8D4CC;--input-border-focus: #1A6B5A;--typing-dot: #1A6B5A;--input-bg: #F0F5F4;--header-bg: #F5F8FA;--send-color: #1A6B5A;--send-disabled: #A8C8C0}.chat-container{position:relative;display:flex;flex-direction:column;height:100dvh;max-width:600px;margin:0 auto;width:100%;animation:viewFadeIn .3s ease}@keyframes viewFadeIn{0%{opacity:0}to{opacity:1}}.chat-top{display:flex;flex-direction:column;align-items:center;padding:28px 0 16px;flex-shrink:0;position:relative}.chat-top-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;transition:opacity .15s}.chat-top-btn:active{opacity:.7}.chat-top-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}.chat-top-name{font-size:13px;color:#8e8e8e;letter-spacing:.03em}.figure-switcher{display:flex;gap:16px;margin-top:14px;animation:fadeIn .15s ease}.figure-switcher-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:12px;transition:background .15s;font-family:inherit}.figure-switcher-item:hover{background:#0000000a}.figure-switcher-item:active{background:#00000014}.figure-switcher-item img{width:44px;height:44px;border-radius:50%;object-fit:cover}.figure-switcher-item span{font-size:11px;color:#8e8e8e}.messages{flex:1;overflow-y:auto;padding:0 20px 20px;display:flex;flex-direction:column;gap:2px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--bg, #fff);scrollbar-width:none}.messages::-webkit-scrollbar{display:none}.message-group{display:flex;gap:8px;margin-bottom:8px;align-items:flex-end}.message-group.user{flex-direction:row-reverse}.message-group.assistant{flex-direction:row}.group-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-group.user .group-avatar{display:none}.bubbles{display:flex;flex-direction:column;gap:2px;max-width:70%}.bubble{padding:10px 14px;font-size:15px;line-height:1.4;word-wrap:break-word;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.message-group.user .bubble{background:var(--bubble-user-bg, linear-gradient(135deg, #0062e6, #33aeff));color:var(--bubble-user-color, white);border-radius:22px}.message-group.user .bubbles .bubble:not(:only-child):first-child{border-radius:22px 22px 6px}.message-group.user .bubbles .bubble:not(:only-child):last-child{border-radius:22px 6px 22px 22px}.message-group.user .bubbles .bubble:not(:first-child):not(:last-child){border-radius:22px 6px 6px 22px}.message-group.assistant .bubble{background:var(--bubble-assistant-bg, #efefef);color:var(--bubble-assistant-color, #262626);border-radius:22px}.message-group.assistant .bubbles .bubble:not(:only-child):first-child{border-radius:22px 22px 22px 6px}.message-group.assistant .bubbles .bubble:not(:only-child):last-child{border-radius:6px 22px 22px}.message-group.assistant .bubbles .bubble:not(:first-child):not(:last-child){border-radius:6px 22px 22px 6px}.typing-group{display:flex;gap:8px;align-items:flex-end;margin-bottom:8px}.typing-indicator{display:flex;align-items:center;gap:5px;padding:14px 18px;background:var(--bubble-assistant-bg, #efefef);border-radius:22px}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--typing-dot, #8e8e8e);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.input-area{display:flex;align-items:flex-end;gap:12px;padding:12px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom));padding-bottom:max(20px,calc(env(safe-area-inset-bottom) + 8px));border-top:1px solid var(--header-border, #efefef);flex-shrink:0;background:var(--header-bg, #fff)}.input-wrapper{flex:1;display:flex;align-items:flex-end;background:var(--input-bg, #fafafa);border-radius:22px;border:1px solid #dbdbdb;padding:0;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--input-border-focus, #33aeff)}.input-wrapper textarea{flex:1;border:none;background:none;font-family:inherit;font-size:15px;line-height:1.4;padding:10px 16px;resize:none;outline:none;max-height:120px;color:#262626}.input-wrapper textarea::placeholder{color:#8e8e8e}.send-btn{background:none;border:none;color:var(--send-color, #0095f6);font-size:15px;font-weight:600;cursor:pointer;padding:10px 4px;flex-shrink:0;transition:opacity .15s}.send-btn:disabled{color:var(--send-disabled, #c0dffd);cursor:default}.send-btn:not(:disabled):active{opacity:.6}.welcome{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 40px 20px;text-align:center}.welcome p{font-size:14px;font-style:italic;color:#8e8e8e;max-width:300px;line-height:1.6}@media(max-width:480px){.bubbles{max-width:80%}}