.chat-container{display:flex;flex-direction:column;height:100%;max-width:680px;margin:0 auto;background:#000}.chat-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #1c1c1e;flex-shrink:0}.chat-header-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-header-name{font-size:17px;font-weight:600}.chat-header-status{font-size:12px;color:#8e8e93}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:4px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.message-row{display:flex;align-items:flex-end;gap:8px}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-bottom:2px}.avatar-spacer{width:24px;flex-shrink:0}.bubble{position:relative;max-width:75%;padding:10px 14px;font-size:15px;line-height:1.4;color:#fff;word-wrap:break-word;white-space:pre-wrap}.bubble.user{background:#0a84ff;border-radius:18px 18px 4px}.bubble a{color:#5ac8fa;text-decoration:underline;text-underline-offset:2px}.bubble a:hover{color:#70d7ff}.bubble.assistant{background:#1c1c1e;border-radius:18px 18px 18px 4px}.bubble.user:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border:6px solid transparent;border-left-color:#0a84ff;border-bottom-color:#0a84ff;border-right:0;border-bottom-right-radius:2px}.bubble.assistant:after{content:"";position:absolute;bottom:0;left:-6px;width:0;height:0;border:6px solid transparent;border-right-color:#1c1c1e;border-bottom-color:#1c1c1e;border-left:0;border-bottom-left-radius:2px}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px}.typing-indicator .dot{width:8px;height:8px;border-radius:50%;background:#8e8e93;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-indicator .dot:nth-child(1){animation-delay:0s}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-input-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #1c1c1e;background:#000;flex-shrink:0}.chat-input-bar input{flex:1;padding:10px 16px;font-size:15px;color:#fff;background:#1c1c1e;border:none;border-radius:20px;outline:none}.chat-input-bar input::placeholder{color:#8e8e93}.chat-input-bar button{width:36px;height:36px;border:none;border-radius:50%;background:#0a84ff;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.chat-input-bar button:disabled{opacity:.35;cursor:default}.reveal-text{display:inline}.reveal-char{opacity:0;animation:char-fade-in .03s forwards}@keyframes char-fade-in{to{opacity:1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;background:#000;color:#fff}