*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box}body{color:#e5e7eb;background:#0f172a;margin:0;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont}.app{width:100vw;height:100vh;display:flex}.chat-container{background:#020617;flex-direction:column;width:100%;height:100%;display:flex}.chat-header{background:#020617;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:14px 20px;font-size:16px;font-weight:600;display:flex}.new-chat-btn{color:#e5e7eb;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;padding:6px 12px;font-size:13px}.new-chat-btn:hover{background:#1e293b}.chat-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.message{word-wrap:break-word;border-radius:14px;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.5}.message.user{color:#fff;background:#2563eb;border-bottom-right-radius:4px;align-self:flex-end}.message.bot{color:#e5e7eb;background:#1e293b;border-bottom-left-radius:4px;align-self:flex-start}.chat-input{background:#020617;border-top:1px solid #1e293b;padding:16px;display:flex}.chat-input input{color:#e5e7eb;background:#020617;border:1px solid #334155;border-radius:10px;outline:none;flex:1;padding:12px 14px;font-size:14px}.chat-input input::placeholder{color:#64748b}.chat-input button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;margin-left:10px;padding:12px 18px;font-size:14px}.chat-input button:hover{background:#1d4ed8}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}