*{margin:0;padding:0;box-sizing:border-box;font-family:Alegreya Sans,sans-serif}:root{--primary-blue: #005fb3;--primary-pink: #e91e1e;--primary-yellow: #ffc107;--bg-dark: #343541;--bg-light: #40414F;--text-light: #dcdcdc}body{background:var(--bg-dark)}#app{width:100vw;height:100vh;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;position:relative}#app:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(11,89,158,.1),rgba(10,63,198,.1),transparent);pointer-events:none}#chat_container{flex:1;width:90%;max-width:1280px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-bottom:20px;scrollbar-width:none;scroll-behavior:smooth}#chat_container::-webkit-scrollbar{display:none}.wrapper{width:100%;padding:20px;border-radius:12px;transition:all .3s ease}.wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ai{background:var(--bg-light);animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat{width:100%;max-width:1280px;margin:0 auto;display:flex;align-items:flex-start;gap:16px}.profile{width:40px;height:40px;border-radius:8px;background:var(--primary-blue);display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.profile:hover{transform:scale(1.1)}.ai .profile{background:linear-gradient(135deg,var(--primary-blue),var(--primary-pink))}.profile img{width:65%;height:65%;object-fit:contain}.message{flex:1;color:var(--text-light);font-size:18px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;scrollbar-width:none;padding:4px 0}.message::-webkit-scrollbar{display:none}form{width:90%;max-width:1280px;margin:0 auto 20px;padding:15px 20px;background:var(--bg-light);display:flex;gap:15px;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}form:focus-within{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}textarea{width:100%;color:var(--text-light);font-size:18px;padding:12px;background:transparent;border-radius:8px;border:none;outline:none;resize:none;transition:all .3s ease}textarea:focus{background:#ffffff0d}button{background:transparent;border:none;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}button:hover{transform:scale(1.1);background:#ffffff0d}form img{width:30px;height:30px;transition:transform .3s ease}.greeting-message{text-align:center;padding:40px 20px;animation:fadeIn 1s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.greeting-message .logo{width:120px;height:auto}.greeting-message h1{font-size:2.5rem;font-weight:700;margin-bottom:16px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-pink),var(--primary-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:gradient 3s linear infinite}.greeting-message p{font-size:2rem;color:var(--text-light);opacity:.8}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){#chat_container,form{width:95%}.greeting-message h1{font-size:2rem}.greeting-message p{font-size:1rem}}