@import"https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css";body{margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gradient-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.chat-container{height:60vh;min-height:300px;max-height:450px}@media (max-width: 768px){.chat-container{height:calc(100svh - 300px);min-height:200px;max-height:calc(100svh - 200px)}}.typing-indicator{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;margin-bottom:16px}.typing-indicator.show{opacity:1;transform:translateY(0)}.dot{width:8px;height:8px;border-radius:50%;background-color:#9ca3af;animation:typing 1.4s infinite ease-in-out}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.message-fade-in{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.smooth-scroll{scroll-behavior:smooth}@media (max-width: 768px){button,input,select,textarea{font-size:16px}html,body{height:-webkit-fill-available}.p-4{padding:1rem}.p-6{padding:1.5rem}.max-w-md{max-width:85%}.space-x-3>*+*{margin-left:.75rem}}body{overflow-x:hidden}button:focus,input:focus{outline:2px solid #667eea;outline-offset:2px}.media-content{max-width:100%;margin-top:8px}.media-image{max-width:300px;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s ease}@media (max-width: 768px){.media-image{max-width:100%;max-height:150px}.media-video{max-width:100%}}.media-image:hover{transform:scale(1.05)}.media-video{max-width:350px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.chart-container{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a;max-width:400px}.loading-spinner{border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;padding:20px;color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}