*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html,body,#root{height:100%;background:#0b0f19;color:#e2e8f0}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:#111827;padding:20px;display:flex;flex-direction:column;transition:.3s ease}.brand-desc h2{background:linear-gradient(90deg,#38bdf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-desc p{font-size:13px;opacity:.6;margin:10px 0}.new-chat-btn{margin:15px 0;padding:10px;border-radius:8px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;cursor:pointer}.chat-history{flex:1;overflow-y:auto}.chat-item{display:flex;justify-content:space-between;padding:8px;border-radius:6px;margin-bottom:5px;cursor:pointer}.chat-item:hover{background:#ffffff0d}.chat-item.active{background:#3b82f633}.delete-btn{background:none;border:none;color:#f87171;cursor:pointer;opacity:0}.chat-item:hover .delete-btn{opacity:1}.main-chat{flex:1;display:flex;flex-direction:column;background:radial-gradient(circle at top,#0f172a,#020617)}.mobile-header{display:none}.chat-box{flex:1;overflow-y:auto;padding:30px;display:flex;flex-direction:column;gap:15px}.message{max-width:75%;padding:12px 16px;border-radius:14px;font-size:14px}.message.user{align-self:flex-end;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}.message.assistant{align-self:flex-start;background:#ffffff0d}.assistant-wrapper{position:relative}.copy-message-btn{position:absolute;top:-20px;right:0;font-size:11px;padding:4px 8px;border-radius:6px;border:none;background:#1e293b;color:#38bdf8;cursor:pointer;opacity:0}.message.assistant:hover .copy-message-btn{opacity:1}.input-area{padding:15px;display:flex;gap:10px;background:#0f172a}.input-area input{flex:1;padding:12px;border-radius:25px;border:none;outline:none}.input-area button{padding:12px 18px;border-radius:25px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;cursor:pointer}@media(max-width:768px){.sidebar{position:fixed;left:-100%;top:0;height:100%;z-index:1000}.sidebar.active{left:0}.mobile-header{display:flex;align-items:center;gap:15px;padding:15px;background:#111827}.mobile-header button{background:none;border:none;font-size:20px;color:#fff}.chat-box{padding:20px}.message{max-width:90%}}