@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--sidebar-w: 260px;--bg-primary: #1e1e20;--bg-secondary: #000000;--bg-panel: #212121;--text-primary: #e0e0e0;--text-secondary: #a3a3a3;--text-inverse: #ffffff;--accent: #10a37f;--accent-hover: #1a7f64;--border: #383838;--user-bubble: #2f2f32;--input-bg: #2f2f32}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);height:100vh;overflow:hidden}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:var(--sidebar-w);background-color:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;transition:width .3s ease;overflow:hidden;padding:10px}.sidebar.closed{width:0;padding:0;border-right:none}.new-chat-btn{display:flex;align-items:center;gap:12px;background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-inverse);padding:12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s;width:100%}.new-chat-btn:hover{background-color:#2b2b2e}.chat-history{flex:1;overflow-y:auto;margin-top:15px;display:flex;flex-direction:column;gap:4px}.history-item{padding:12px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:10px;transition:background-color .2s}.history-item:hover{background-color:var(--bg-primary)}.user-profile{margin-top:auto;padding:12px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px}.user-profile:hover{background-color:var(--bg-primary)}.avatar{width:30px;height:30px;border-radius:50%;background-color:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);height:100%;position:relative}.top-bar{height:60px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background-color:var(--bg-primary);z-index:10}.toggle-sidebar-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s,color .2s}.toggle-sidebar-btn:hover{background-color:var(--user-bubble);color:var(--text-primary)}.model-name{margin-left:10px;font-weight:500;font-size:15px;color:var(--text-primary)}.chat-container{flex:1;overflow-y:auto;padding-bottom:30px;scroll-behavior:smooth}.message{display:flex;gap:16px;padding:24px 15%;justify-content:flex-start;border-bottom:1px solid transparent}.message.bot{background-color:#0000001a;border-bottom-color:var(--border);border-top:1px solid var(--border)}.avatar-wrapper{flex-shrink:0}.msg-avatar{width:36px;height:36px;border-radius:6px;background-color:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff}.msg-avatar.user{background-color:#5d5d5d}.message-content{flex:1;line-height:1.6;font-size:15px;color:var(--text-primary);word-wrap:break-word}.message-content h1,.message-content h2,.message-content h3{margin-top:20px;margin-bottom:10px}.message-content p{margin-bottom:10px}.message-content pre{background-color:#0d0d0d;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0}.message-content code{font-family:monospace;background-color:#0d0d0d;padding:2px 4px;border-radius:4px}.message-content pre code{background-color:transparent;padding:0}.input-area-wrapper{padding:40px 15% 30px;position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,transparent,var(--bg-primary) 30%)}.input-box{display:flex;align-items:center;background-color:var(--input-bg);border:1px solid var(--border);border-radius:12px;padding:8px 16px;box-shadow:0 0 15px #0000004d;position:relative;transition:border-color .2s}.input-box:focus-within{border-color:#555}textarea{flex:1;background:transparent;border:none;color:var(--text-inverse);font-family:inherit;font-size:15px;resize:none;padding:10px 0;max-height:200px;min-height:24px;outline:none;line-height:1.5;overflow-y:auto}textarea::placeholder{color:#777}.send-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,opacity .2s;align-self:flex-end;margin-bottom:6px}.send-btn:disabled{background:#555;cursor:not-allowed;opacity:.5}.send-btn:hover:not(:disabled){background:var(--accent-hover)}.footer-text{text-align:center;font-size:12px;color:#777;margin-top:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.message{padding:24px 20px}.input-area-wrapper{padding:0 20px 20px}}