*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f5;color:#333}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f0f0f0}#root{padding:0;margin:0 auto}.app{height:100vh;display:flex;flex-direction:column;font-family:Teachers,system-ui,sans-serif;background:#f0f0f0}.header{padding:1rem;background:#fff;border-bottom:1px solid #e0e0e0;text-align:center}.header__title{margin:0;color:#333}.message{max-width:100%;animation:fadeInSlide .5s ease-out forwards;opacity:0;transform:translateY(20px) scale(.95)}.message:nth-child(1){animation-delay:.1s}.message:nth-child(2){animation-delay:.2s}.message:nth-child(3){animation-delay:.3s}.message:nth-child(4){animation-delay:.4s}.message:nth-child(5){animation-delay:.5s}.message:nth-child(n+6){animation-delay:.6s}.message--user{align-self:flex-end;animation:fadeInSlideRight .5s ease-out forwards}.message--assistant{align-self:flex-start;animation:fadeInSlideLeft .5s ease-out forwards}.message__header{font-size:.8rem;color:#666;margin-bottom:.5rem;text-align:left}.message--user .message__header{text-align:right}.message__content{background:#fff;padding:1rem 1.5rem;border-radius:2rem;box-shadow:0 2px 8px #0000001a;white-space:normal;word-wrap:break-word;color:#333;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.message__content:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00000026}.message--user .message__content{background:#90d4aa;color:#333}.message--user .message__content:hover{background:#7bc999;box-shadow:0 8px 25px #90d4aa66}.message--assistant .message__content{background:#fff}.message--assistant .message__content:hover{background:#f8f9fa;box-shadow:0 8px 25px #00000026}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInSlideRight{0%{opacity:0;transform:translate(30px) translateY(10px) scale(.9)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes fadeInSlideLeft{0%{opacity:0;transform:translate(-30px) translateY(10px) scale(.9)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}.message--new{animation:pulseIn .6s ease-out forwards}@keyframes pulseIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.message--typing .message__content{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);box-shadow:0 2px 8px #0000001a}50%{transform:scale(1.02);box-shadow:0 4px 12px #00000026}}.message__content{white-space:normal}.code-block{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:8px;padding:12px;margin:8px 0;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;line-height:1.4}.message--user .code-block{background:#fff3;border-color:#ffffff4d}.inline-code{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:4px;padding:2px 6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;color:#d73a49}.message--user .inline-code{background:#ffffff4d;border-color:#fff6;color:#2d5016}.markdown-blockquote{border-left:4px solid #dfe2e5;margin:8px 0;padding:0 16px;color:#6a737d;font-style:italic}.message--user .markdown-blockquote{border-left-color:#fff6;color:#000000b3}.markdown-list{margin:8px 0;padding-left:24px}.markdown-list li{margin:4px 0}.message__content h1,.message__content h2,.message__content h3,.message__content h4,.message__content h5,.message__content h6{margin:16px 0 8px;font-weight:600;line-height:1.25}.message__content h1{font-size:1.5em;border-bottom:1px solid #eaecef;padding-bottom:8px}.message__content h2{font-size:1.3em;border-bottom:1px solid #eaecef;padding-bottom:8px}.message__content h3{font-size:1.2em}.message__content h4{font-size:1.1em}.message__content h5,.message__content h6{font-size:1em}.message__content p{margin:8px 0;line-height:1.6}.message__content a{color:#0366d6;text-decoration:none}.message__content a:hover{text-decoration:underline}.message--user a{color:#2d5016}.message__content table{border-collapse:collapse;margin:8px 0;width:100%}.message__content th,.message__content td{border:1px solid #dfe2e5;padding:8px 12px;text-align:left}.message__content th{background:#f6f8fa;font-weight:600}.message--user th{background:#fff3}.message__content hr{border:none;border-top:1px solid #e1e4e8;margin:16px 0}.message--user hr{border-top-color:#ffffff4d}@media (max-width: 768px){.message__content{font-size:.8rem;padding:.4rem 1rem}}.loading-message{align-self:flex-start;max-width:70%;padding:.75rem;border-radius:.5rem;background:#fff;border:1px solid #e0e0e0;color:#666;animation:fadeInSlideLeft .4s ease-out forwards;opacity:0;transform:translate(-20px) translateY(10px) scale(.95)}.loading-message__header{font-size:.8rem;margin-bottom:.25rem}.loading-message__content{display:flex;align-items:center;gap:.2rem}.loading-dots{display:inline-flex;gap:.1rem}.loading-dot{animation:bounce 1.4s ease-in-out infinite both;font-weight:700}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes fadeInSlideLeft{0%{opacity:0;transform:translate(-20px) translateY(10px) scale(.95)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}.message-list{flex:1;overflow:auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:1rem;width:70%;margin:0 auto;scroll-behavior:smooth;scrollbar-color:rgba(0,0,0,0) transparent}@media (max-width: 768px){.message-list{width:100%;padding:0 5%}}.welcome-message{margin-top:15%;display:flex;justify-content:center;align-items:center;padding:2rem;transition:padding 2s ease;height:max-content;transition:margin-top .3s ease}.welcome-message.bar-mode{margin-top:0;padding:0}.welcome-bubble{background:#fff;padding:5rem 2rem;border-radius:2rem;box-shadow:0 4px 12px #0000001a;text-align:center;height:300px;width:600px;transition:all .3s ease}.welcome-bubble.bar-mode{padding:0;height:80px;width:100%;border-radius:0;box-shadow:0 2px 8px #00000014;transition:width .3s ease}.welcome-title{font-size:4.1rem;font-weight:600;color:#4ca362;margin-bottom:.5rem;width:max-content;margin:0 auto}.welcome-title.bar-mode{padding-top:1.5rem;margin:auto 1rem;font-size:1.1rem}.welcome-subtitle{font-size:1.9rem;color:#666;opacity:1;max-height:2rem;margin-top:1rem;transition:opacity .3s ease,max-height .3s ease,margin-bottom .3s ease}.welcome-subtitle.bar-mode{opacity:0;max-height:0;margin-bottom:0}@media (max-width: 768px){.welcome-bubble{width:90%;height:200px}.welcome-bubble.bar-mode{border-radius:0;margin:0;width:100%;height:72px}.welcome-title{font-size:2.5rem}.welcome-subtitle{font-size:1.2rem}.welcome-message{margin-top:10%}}.example-queries-container{display:flex;justify-content:center;gap:15px;margin-top:20px}.example-query{padding:12px 18px;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9em;color:#333;text-align:center;box-shadow:0 2px 4px #0000000d;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.example-query:hover{background-color:#e9e9e9;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.chat-input{padding:1rem 1.5rem 1.5rem;background:transparent;display:flex;flex-direction:column;gap:.5rem;max-width:800px;margin:0 auto;width:100%}.chat-input__selected-file{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#fff;border-radius:1rem;font-size:.875rem;color:#333;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.chat-input__selected-file span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.5rem}.chat-input__clear-file-button{background:none;border:none;color:#777;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.chat-input__clear-file-button:hover{background-color:#e0e0e0;color:#000}.chat-input__clear-file-button svg{width:14px;height:14px}.chat-input__container{transition:all .2s;display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:2rem;padding:.75rem;box-shadow:0 0 12px #0000001a;width:100%}.chat-input__textarea{flex-grow:1;border:none;background:transparent;resize:none;min-height:1.5rem;max-height:150px;font-family:inherit;font-size:1rem;outline:none;line-height:1.4}.chat-input__textarea::placeholder{color:#999}.chat-input__textarea:disabled{opacity:.6;cursor:not-allowed}.chat-input__button{width:2.5rem;height:2.5rem;background:#90d4aa;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-input__button:disabled{opacity:.5;cursor:not-allowed}.chat-input__button:hover:not(:disabled){background:#7bc499;transform:scale(1.05)}.chat-input__container:hover{box-shadow:0 0 18px #0000001a;transform:scale(1.05)}.chat-input__button:active:not(:disabled){background:#4ca362}.chat-input__upload-button{width:2.5rem;height:2.5rem;background:transparent;color:#555;border:1px solid #ddd;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-input__upload-button:hover{background:#f0f0f0;border-color:#ccc;transform:scale(1.05)}.chat-input__upload-button:disabled{opacity:.5;cursor:not-allowed;background:transparent}.chat-input__upload-button svg{width:18px;height:18px}