:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;background-color:#02051e;background-image:url(/assets/cover-bpw3bOqa.png);background-repeat:no-repeat;background-position:center;background-size:contain}#app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:flex-end}header nav{display:flex}header a{color:#fff;padding:.75rem;text-decoration:none}header a.active{background-color:#0005}header a:hover{background-color:#0008}main{flex:auto;display:flex;align-items:center;width:100%;margin:0 auto;text-align:center}@media (prefers-color-scheme: dark){:root{color:#ccc;background-color:#1a1a1a}}@media (max-width: 768px){body{background-size:cover}main{padding:1rem;width:auto;margin:0;height:100vh}#app{height:100vh}}header{display:flex;justify-content:flex-end;padding:1rem}nav{display:flex;align-items:center}select{padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;color:#222;font-size:1rem;transition:border-color .3s}select:focus{border-color:#4c144c;outline:none}option{background-color:#fff;color:#222}@media (max-width: 768px){header{padding:.5rem}nav{flex-direction:column}select{width:100%;margin-top:.5rem}}.chat-container{width:70%;height:75vh;margin:auto;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px;padding:16px;box-shadow:0 4px 8px #0000001a;background-color:#f9f9f9;animation:fadeIn 2.5s ease-in-out}.messages{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding:8px}.message{max-width:45%;padding:10px 16px;animation:slideIn .3s ease-in-out;border-radius:10px;word-wrap:break-word;position:relative;text-align:left}.message.user{align-self:flex-end;background-color:#152775;color:#fff}.message.bot{align-self:flex-start;background-color:#4c144c;color:#fff}.message:after{content:"";position:absolute;width:0;height:0;border:10px solid transparent}.message.user:after{border-top-color:#152775;border-bottom:0;border-left:0;top:50%;right:-10px;transform:translateY(-50%)}.message.bot:after{border-top-color:#4c144c;border-bottom:0;border-right:0;top:60%;left:-10px;transform:translateY(-50%)}.input-container{display:flex;gap:8px;background-color:#f1f1f1;border-radius:0 0 12px 12px}.input-group{display:flex;flex:1;border-radius:12px;overflow:hidden}input[type=text]{flex:1;padding:12px;border:1px solid #ccc;color:#222;border-radius:12px 0 0 12px;transition:border-color .3s;background-color:#fff;font-size:16px}input[type=text]:focus{border-color:#4c144c;outline:none}button{padding:10px 18px;background-color:#4c144c;color:#fff;border:1px solid #4c144c;border-radius:0 12px 12px 0;cursor:pointer;transition:background-color .3s}button:hover{background-color:#3c0f3c;border:1px solid #3c0f3c}button i{font-size:18px}.ellipsis:after{content:"...";display:inline-block;width:1em;text-align:left;animation:ellipsis 1.5s infinite}@keyframes ellipsis{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.chat-container{width:90%;height:75vh}.message{max-width:70%}input[type=text]{font-size:16px}button{padding:8px 14px}}