body,html{height:100vh;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}#root{height:100vh;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:100%;margin:0 auto;max-width:900px;padding:10px}.chat-header{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:clamp(1.2rem,4vw,2rem);font-weight:700;margin:0;text-align:center}.messages-container{background:#111;border:1px solid #222;border-radius:24px;box-shadow:0 20px 40px #0009;flex:1 1;min-height:0;overflow-y:auto;padding:16px;scrollbar-color:#444 #222;scrollbar-width:thin}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#222}.messages-container::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.message{display:flex;flex-direction:column;margin:16px 0}.message-user{align-items:flex-end}.message-grok{align-items:flex-start}.message-sender{font-size:.8rem;font-weight:500;margin-bottom:4px;opacity:.7}.bubble{border-radius:24px;box-shadow:0 4px 12px #0000004d;display:inline-block;line-height:1.5;max-width:75%;padding:16px 24px;white-space:pre-wrap;word-break:break-word}.bubble-user{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.bubble-grok{background:#1f1f1f;border:1px solid #333;color:#e5e5e5}.input-container{align-items:flex-end;display:flex;flex-shrink:0;gap:12px;padding-bottom:env(safe-area-inset-bottom,10px)}.chat-input{background:#1a1a1a;border:2px solid #333;border-radius:32px;color:#e5e5e5;flex:1 1;font-size:16px;max-height:150px;min-height:24px;padding:18px 24px;resize:vertical;transition:all .2s}.chat-input:focus{background:#222;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none}.chat-input::placeholder{color:#888}.pill-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:600;padding:18px 32px;transition:all .3s ease;white-space:nowrap}.pill-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea80;transform:translateY(-2px)}.pill-button:active:not(:disabled){transform:translateY(0)}.pill-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.loading{color:#888;font-size:1.1rem;font-style:italic;padding:30px;text-align:center}.loading-dots:after{animation:dots 1.5s steps(4) infinite;content:"..."}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@media (max-width:768px){.chat-container{margin:0;max-width:none;padding:8px}.messages-container{border-radius:16px;padding:12px}.pill-button{font-size:15px;padding:18px 24px}.input-container{gap:8px;padding-bottom:env(safe-area-inset-bottom,8px)}.chat-header{font-size:clamp(1.5rem,6vw,2rem)}}
/*# sourceMappingURL=main.17bc0cbf.css.map*/