@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap);body{background:radial-gradient(circle at top left,#1b1b2f,#0f0f10);color:#fff;font-family:Inter,sans-serif;margin:0;overflow:auto}.app,.layout{height:100vh}.layout{display:flex}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border-right:1px solid #ffffff14;min-width:280px;padding:15px;width:280px}.newChat{background:linear-gradient(135deg,#7f5af0,#2cb67d);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:.3s;width:100%}.newChat:hover{transform:scale(1.03)}.chatArea{display:flex;flex:1 1;flex-direction:column;min-height:0}.topbar{background:#ffffff08;border-bottom:1px solid #ffffff0f;font-weight:600;padding:18px;text-align:center}.messages{flex:1 1;min-height:0;overflow-y:auto;padding:20px}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:#7f5af0;border-radius:10px}.msg{animation:fadeIn .3s ease;border-radius:14px;font-size:14px;margin:10px 0;max-width:70%;padding:14px}.user{background:linear-gradient(135deg,#7f5af0,#2cb67d);margin-left:auto}.bot{background:#ffffff12;border:1px solid #ffffff14;margin-right:auto}.inputBar{background:#ffffff0a;border-top:1px solid #ffffff14;display:flex;gap:10px;padding:12px}.inputBar input{background:#ffffff0f;flex:1 1;outline:none;padding:12px}.inputBar button,.inputBar input{border:none;border-radius:12px;color:#fff}.inputBar button{background:linear-gradient(135deg,#2cb67d,#7f5af0);cursor:pointer;padding:12px 16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.layout{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff14;border-right:none;min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.messages{padding:12px}.inputBar{padding:10px}.inputBar input{font-size:13px;padding:10px}.inputBar button{padding:10px 12px}.msg{max-width:85%}}