@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";:root{letter-spacing:.3px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#333;--primary-color:#004cab;--primary-hover:#003a85;--secondary-color:#0087e1;--accent-color:#85b5ff;--bg-color:#f7f3ed;--header-bg:#004cab;--header-text:#fff;--message-user-bg:#004cab;--message-user-text:#fff;--message-assistant-bg:#fff;--message-assistant-text:#333;--input-bg:#fff;--border-color:#0000001a;font-family:Sarabun,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);place-items:center;width:100vw;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{flex-direction:column;width:100%;height:100vh;display:flex}.chat-container{background:var(--bg-color);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chat-header{background:var(--header-bg);z-index:10;justify-content:space-between;align-items:center;padding:.2rem .5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.chat-header h1{color:var(--header-text);letter-spacing:.5px;font-size:1.1rem;font-weight:500}.header-logo-title{align-items:center;gap:.8rem;display:flex}.fda-logo{width:auto}.new-chat-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.new-chat-btn:hover{background:#ffffff4d;transform:rotate(180deg)}.messages-area{scroll-behavior:smooth;background-image:radial-gradient(#e0ded8 1px,#0000 1px);background-size:20px 20px;flex-direction:column;flex:1;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:auto}.empty-state{color:#666;opacity:.8;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;font-size:1.1rem;display:flex}.message{flex-direction:column;max-width:85%;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message.user{align-self:flex-end}.message.assistant{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:12px;padding:1.2rem 2.5rem;font-size:1.05rem;line-height:1.7;position:relative;box-shadow:0 2px 4px #0000000d}.message.user .message-content{background:var(--message-user-bg);background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-hover)100%);color:var(--message-user-text);border-bottom-right-radius:4px}.message.assistant .message-content{background:var(--message-assistant-bg);color:var(--message-assistant-text);border:1px solid #e5e5e5;border-bottom-left-radius:4px}.message-content p{margin-bottom:.5em}.message-content p:last-child{margin-bottom:0}.message-content code{background:#0000001a;border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.message.user .message-content code{background:#fff3}.message-content pre{background:#f4f4f4;border-radius:8px;margin:.5rem 0;padding:1rem;overflow-x:auto}.message.user .message-content pre{color:#fff;background:#0003}.loading{align-items:center;gap:4px;display:flex;background:#fffc!important;padding:1rem!important}.dot{background:var(--primary-color);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-area{background:#fff;border-top:1px solid #e0e0e0;align-items:center;gap:.8rem;padding:1.2rem;display:flex;box-shadow:0 -2px 10px #00000005}.input-area input{color:#333;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:2rem;outline:none;flex:1;padding:.8rem 1.2rem;font-family:Sarabun,sans-serif;font-size:1rem;transition:all .2s}.input-area input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 2px #004cab1a}.input-area button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 4px 10px #004cab4d}.input-area button:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.input-area button:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.citations{border-top:1px solid #e5e5e5;margin-top:1rem;padding-top:.8rem;font-size:.85rem}.citations h4{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.8rem;font-weight:500}.citations ul{flex-direction:column;gap:.4rem;list-style:none;display:flex}.citations li{color:var(--primary-color);background:#004cab0d;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .8rem;transition:all .2s;display:flex}.citations li:hover{background:#004cab14;border-color:#004cab26;transform:translateY(-1px)}.citation-icon{margin-top:.1rem;font-size:1.1rem}.citation-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.citation-name{color:#2c3e50;word-break:break-word;font-size:.85rem;font-weight:500}.citation-dataset{color:#666;background:#0000000d;border-radius:4px;align-self:flex-start;margin-top:.1rem;padding:2px 6px;font-size:.7rem;display:inline-block}.citation-score{color:#fff;background:#28a745;border-radius:10px;height:fit-content;margin-top:.1rem;padding:2px 6px;font-size:.7rem;font-weight:700}.clickable-citation{cursor:pointer}.clickable-citation:active{transform:scale(.99)}.citation-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.citation-modal-content{background:#fffffff2;border:1px solid #ffffff80;border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:80vh;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;box-shadow:0 10px 40px #0003}.close-modal-btn{color:#666;cursor:pointer;background:0 0;border:none;padding:.2rem;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1rem}.close-modal-btn:hover{color:#000}.citation-modal-content h3{color:var(--primary-color);margin:0 0 1rem;padding-right:2rem;font-size:1.2rem;line-height:1.4}.citation-meta{gap:.8rem;margin-bottom:1rem;font-size:.8rem;display:flex}.meta-badge{color:#555;background:#f0f0f0;border-radius:4px;padding:4px 8px;font-weight:500}.meta-score{color:#1e7e34;background:#e6f4ea;border-radius:4px;padding:4px 8px;font-weight:600}.citation-text{color:#333;border-top:1px solid #eee;flex:1;padding-top:1rem;padding-right:.5rem;font-size:.95rem;line-height:1.6;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.disclaimer{color:#888;text-align:center;background:#fff;width:100%;padding:0 1rem .5rem;font-size:.75rem;line-height:1.4}#root{max-width:1280px;margin:0 auto}.logo{will-change:filter;height:6em;padding:1.5em;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:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.logo__name{color:#fff;padding:1rem}.logo-image{width:3rem}@media (max-width:1280px){.logo__name_title{padding:.2px .2em;font-size:.7rem}}