body{margin:0;background:#000;font-family:Arial,sans-serif;color:#fff}.container{height:100vh;display:flex;flex-direction:column;align-items:center}.header{margin-top:20px;margin-bottom:10px;font-size:28px;font-weight:700;color:#1e90ff}.chat-wrapper{width:75%;height:85%;display:flex;flex-direction:column;background:#0d0d0d;border-radius:12px;border:1px solid #222;overflow:hidden}.chat-box{flex:1;padding:20px;overflow-y:auto}.message{padding:10px 14px;margin:12px 0;border-radius:8px;max-width:75%;white-space:pre-wrap;font-size:15px}.user-msg{background:#1e90ff;color:#fff;margin-left:auto}.bot-msg{background:#222;color:#eee;margin-right:auto}.source-msg{font-size:13px;background:#111;color:#9aa0a6;font-family:Consolas,monospace;border-left:3px solid #444;padding-left:10px}.input-area{padding:14px;display:flex;background:#0f0f0f;border-top:1px solid #222;gap:12px}input{flex:1;padding:14px 16px;border:1px solid #333;border-radius:35px;background:#1a1a1a;color:#eee;font-size:16px;outline:none;transition:.2s ease}input:focus{border-color:#1e90ff;box-shadow:0 0 7px #1e90ff55}input:disabled{opacity:.5}.input-area button{padding:14px 24px;border:none;border-radius:35px;background:linear-gradient(135deg,#1e90ff,#06c);color:#fff;font-size:16px;cursor:pointer;transition:.25s ease;font-weight:600}.input-area button:hover{transform:translateY(-2px);box-shadow:0 4px 14px #1e90ff55}.input-area button:active{transform:scale(.96)}.input-area button:disabled{background:#3b568a;cursor:not-allowed;box-shadow:none;transform:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}html,body,*{scroll-behavior:smooth}