*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#111827;line-height:1.5}#root{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}body{margin:0;padding:0;width:100%;min-height:100vh;background-color:#fff;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;background-color:#fff}.app-header{position:fixed;top:0;left:0;width:100%;background-color:#fff;box-shadow:0 1px 3px #0000001a;text-align:center;padding:1.5rem 1rem;z-index:10}.app-header h1{font-size:2rem;font-weight:700;color:#3b82f6;margin-bottom:.5rem}.app-header p{color:#4b5563}.chat-container{width:100%;max-width:1200px;padding:14rem 1rem 8rem;flex:1}.chat-window{height:100%;overflow-y:auto;padding:1rem}.welcome-message{text-align:center;padding:2rem 0;color:#6b7280}.message{display:flex;margin-bottom:1rem}.user-message{justify-content:flex-end}.bot-message{justify-content:flex-start}.message-content{max-width:70%;padding:.75rem 1rem;border-radius:1rem;word-break:break-word}.user-message .message-content{background-color:#3b82f6;color:#fff;border-bottom-right-radius:.25rem}.bot-message .message-content{background-color:#f3f4f6;color:#111827;border-bottom-left-radius:.25rem}.input-container{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:1px solid #e5e7eb;padding:1rem 1rem 1.5rem;z-index:10}.input-container:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:8rem;background:linear-gradient(to top,white,transparent);pointer-events:none}.message-form{max-width:1200px;margin:0 auto}.input-wrapper{display:flex;align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;padding:.5rem;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s}.input-wrapper:hover{box-shadow:0 2px 4px #0000001a}.message-textarea{flex:1;height:54px;min-height:54px;max-height:200px;padding:.75rem 1rem;background-color:transparent;border:none;resize:none;font-size:1rem;outline:none;overflow:hidden}.send-button{padding:.5rem;color:#9ca3af;border-radius:9999px;transition:all .2s}.send-button:hover{background-color:#f3f4f6;color:#3b82f6}.send-button:disabled{color:#d1d5db;cursor:not-allowed}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:10px;margin:10px 0}.loading-indicator p{color:#666;font-size:14px;display:flex;align-items:center;font-style:italic}.message-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button:disabled{opacity:.5;cursor:not-allowed}.system-message{display:flex;justify-content:center;margin:8px 0}.system-message .message-content{background-color:#f0f0f0;color:#555;padding:8px 16px;border-radius:12px;font-size:14px;font-style:italic;max-width:80%;text-align:center}.personality-selector{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px}.personality-selector label{font-size:14px;color:#333}.personality-selector select{padding:6px 10px;border-radius:6px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer}.personality-selector select:disabled{background-color:#f5f5f5;cursor:not-allowed}.rate-limit-info{margin-top:8px;font-size:14px;color:#666;text-align:center}.rate-limit-info p{margin:4px 0}.message-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}