@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.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}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;color:#fbfbe4;background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;width:100vw}input:focus{outline:none;border-color:#63b3ed!important;box-shadow:0 0 0 3px #63b3ed4d}button:hover{animation:subtleGlow 2s infinite}button:active{animation:sendPulse .15s ease}.messages-container::-webkit-scrollbar{display:none}.messages-container{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#63b3ed;border-radius:4px;opacity:.6}::-webkit-scrollbar-thumb:hover{background:#ff6b35;opacity:1}::selection{background-color:#63b3ed66;color:#fbfbe4}::-moz-selection{background-color:#63b3ed66;color:#fbfbe4}@media (max-width: 768px){body{font-size:14px}button{min-height:48px;min-width:48px;padding:1rem 1.25rem;touch-action:manipulation}input{min-height:48px;padding:1rem;touch-action:manipulation}.messages-container{padding:1rem!important}.suggestion-chip{min-height:44px;padding:.75rem 1rem!important;touch-action:manipulation;font-size:14px!important}}@media (max-width: 480px){body{font-size:14px}#root{padding:0}.chat-container{padding:80px 1rem 1rem!important}.logo-container{top:10px!important;left:10px!important;padding:6px 12px!important}.message-user{max-width:85%!important;margin-left:10%!important;font-size:14px!important}.message-ai{max-width:90%!important;margin-right:10%!important;font-size:14px!important}.input-container{gap:.5rem!important;padding:.75rem!important}button{font-size:16px!important;min-height:48px!important;min-width:48px!important}input{font-size:16px!important;min-height:48px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:2px solid #FF6B35;outline-offset:2px}@media (prefers-contrast: high){html,body{color:#fff;background:#1a1a1a}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes subtleGlow{0%,to{box-shadow:0 0 8px #63b3ed1a}50%{box-shadow:0 0 16px #63b3ed33}}@keyframes sendPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-sending{animation:spin 1s linear infinite}.status-sent{animation:fadeInScale .3s ease-out}.status-error{animation:pulse 1.5s ease-in-out infinite;color:#ef4444}@keyframes focusRing{0%{box-shadow:0 0 #63b3ed4d}to{box-shadow:0 0 0 4px #63b3ed1a}}.message-enter{animation:slideInUp .4s ease-out}.logo-container{animation:fadeInScale .6s ease-out;background:none!important;border:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;transition:all .25s ease}.messages-container:hover{border-color:#63b3ed1a}.logo-container:hover img{filter:drop-shadow(0 4px 16px rgba(99,179,237,.3));transform:scale(1.02)}.logo-container:hover{opacity:1}input:focus{outline:none!important;animation:focusRing .25s ease-out forwards!important;border-color:transparent!important;box-shadow:none!important}