html,body{margin:0;padding:0;height:100%;width:100%;background-color:#0d1321;overflow-x:hidden}*{box-sizing:border-box}.App{display:flex;flex-direction:column;align-items:center;height:100vh;background-color:#111827;font-family:Arial,sans-serif}.navbar{width:100%;padding:20px;margin-left:20px;color:#e5e7eb;text-align:left;font-size:24px;font-weight:700;background-color:#1f2937;border-bottom:2px solid #374151;box-shadow:0 4px 8px #0000001a}.main-content{display:flex;flex:1;width:100%}.chat-history{width:250px;background-color:#1f2937;color:#e5e7eb;padding:20px;border-right:1px solid #374151;position:fixed;height:100vh;overflow-y:auto}.chat-container{flex:1;margin-left:250px;background-color:#2d3748;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:700px;width:100%;padding:20px;margin-top:20px;color:#e5e7eb}.chat-box{height:500px;overflow-y:auto;padding:10px;border:1px solid #374151;border-radius:8px;margin-bottom:20px;background-color:#1f2937;color:#e5e7eb}.message{margin:10px 0;padding:8px;border-radius:4px;max-width:80%;font-size:16px;word-wrap:break-word}.message.user{background-color:#10b981;align-self:flex-end;color:#fff}.message.bot{background-color:#2d3748;align-self:flex-start;color:#e5e7eb}.input-container{display:flex;gap:10px;margin-top:20px}input[type=text]{flex:1;padding:14px;font-size:16px;border-radius:8px;border:1px solid #374151;background-color:#2d3748;color:#e5e7eb}input[type=text]:focus{border-color:#10b981;outline:none}button{padding:12px 18px;font-size:16px;border-radius:8px;border:1px solid #374151;cursor:pointer;background-color:#10b981;color:#fff;transition:background-color .3s ease,transform .2s ease}@media (max-width: 768px){.navbar{padding:15px;font-size:20px}.chat-history{width:100%;position:relative;height:auto;border-right:none;padding:10px}.chat-container{margin-left:0;margin-top:10px}.chat-box{max-height:400px}.input-container{flex-direction:column;gap:8px}input[type=text],button{font-size:14px;padding:10px}}.footer{width:100%;background-color:#1f2937;color:#9ca3af;text-align:center;padding:20px;font-size:14px;border-top:1px solid #374151;margin-top:auto}.footer-note{margin-top:10px;font-size:13px;color:#d1d5db;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.5}.made-by{margin-top:15px;font-size:14px;color:#f9fafb;font-style:serif}.chat-box{height:800px;overflow-y:auto;padding:16px 20px;border:1px solid #1f2937;border-radius:10px;background-color:#111827;font-size:15px;margin-bottom:0;box-shadow:inset 0 0 6px #0000001a;display:flex;flex-direction:column;scroll-behavior:smooth;color:#fff}.message.system{background-color:#000;color:#fff;padding:8px;margin-top:10px;font-style:serif;border-radius:4px}.message{margin:10px 0;padding:12px 16px;border-radius:12px;max-width:80%;line-height:1.6;word-break:break-word;transition:transform .2s ease,box-shadow .2s ease}.message:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-message{align-self:flex-end;background-color:#10b981;color:#fff;font-weight:500;border-bottom-right-radius:0;margin-left:auto}.assistant-message{align-self:flex-start;background-color:#374151;color:#e5e7eb;font-weight:500;border-bottom-left-radius:0;margin-right:auto}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:6px}.chat-box::-webkit-scrollbar-track{background-color:#1f2937}.chat-box{scroll-behavior:smooth}@media (max-width: 768px){.chat-box{height:600px;padding:12px 16px;font-size:14px}.message{padding:10px 14px;font-size:14px}.user-message,.assistant-message{max-width:90%}}.input-container{display:flex;gap:12px;align-items:center;margin-top:16px}input[type=text]{flex:1;padding:14px;font-size:16px;border-radius:8px;border:1px solid #374151;background-color:#1f2937;color:#e5e7eb;transition:border-color .3s ease,background-color .3s ease}input[type=text]:focus{outline:none;border-color:#10b981;background-color:#374151}button{padding:12px 18px;font-size:16px;border-radius:8px;border:1px solid #374151;cursor:pointer;background-color:#01d790;color:#000;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#059669;transform:translateY(-2px)}button:active{transform:translateY(0)}@media (max-width: 768px){.input-container{flex-direction:column;gap:8px}input[type=text]{font-size:14px;padding:12px}button{font-size:14px;padding:10px 14px}}.chat-container{display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;border-radius:16px;box-shadow:0 10px 20px #00000014;height:450px;max-width:750px;width:90%;padding:20px;margin:40px auto 0;overflow:hidden;transition:all .3s ease-in-out}.ask-anything{font-size:25px}.ask-anything{text-align:center;font-size:25px;font-weight:700;margin-bottom:10px;color:#000}@media (max-width: 768px){.chat-container{width:95%;height:auto;padding:16px;margin:20px auto}}@media (prefers-color-scheme: dark){.chat-container{background-color:#1e293b;color:#f1f5f9;box-shadow:0 10px 25px #0000004d}}