@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--ibm-blue:#0f62fe;--ibm-blue-hover:#0353e9;--ibm-blue-light:#d0e2ff;--ibm-blue-mid:#4589ff;--bg:#f4f4f4;--sidebar-bg:#fff;--border:#e0e0e0;--text-primary:#161616;--text-secondary:#525252;--text-tertiary:#8d8d8d;--hover-bg:#e8e8e8;--sidebar-w:260px;--header-h:48px;--msg-user-bg:#0f62fe;--msg-ai-bg:#fff}*{margin:0;padding:0;box-sizing:border-box}#__next,body,html{height:100%;font-family:IBM Plex Sans,sans-serif;background:var(--bg);color:var(--text-primary)}.app-layout{overflow:hidden}.app-layout,.sidebar{display:flex;height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0}.sidebar-header{padding:16px;border-bottom:1px solid var(--border);gap:10px;height:var(--header-h)}.logo-mark,.sidebar-header{display:flex;align-items:center;flex-shrink:0}.logo-mark{width:26px;height:26px;background:var(--ibm-blue);justify-content:center;border-radius:7px}.logo-text{font-size:14px;font-weight:600;letter-spacing:.04em}.logo-text,.new-chat-btn{color:var(--text-primary)}.new-chat-btn{display:flex;align-items:center;gap:8px;margin:12px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;font-family:IBM Plex Sans,sans-serif;font-size:13px;cursor:pointer;transition:background .1s;text-align:left;flex-shrink:0}.new-chat-btn:hover{background:var(--hover-bg)}.sidebar-section-label{padding:16px 16px 6px;font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase;flex-shrink:0}.chat-history{flex:1 1;overflow-y:auto;padding:4px 0}.chat-history-item{padding:8px 16px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .1s;border-radius:6px;margin:1px 8px}.chat-history-item:hover{background:var(--hover-bg)}.chat-history-item.active{background:var(--ibm-blue-light);color:var(--ibm-blue);font-weight:500}.sidebar-footer{border-top:1px solid var(--border);padding:12px;flex-shrink:0}.user-row{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;border-radius:6px;transition:background .1s}.user-row:hover{background:var(--hover-bg)}.avatar{width:28px;height:28px;background:var(--ibm-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0;font-family:IBM Plex Mono,monospace}.user-name{font-size:13px;color:var(--text-primary)}.main{flex:1 1;display:flex;flex-direction:column;min-width:0;height:100vh}.main-header{height:var(--header-h);border-bottom:1px solid var(--border);padding:0 20px;background:var(--sidebar-bg);flex-shrink:0}.main-header,.model-pill{display:flex;align-items:center}.model-pill{gap:7px;padding:5px 12px;background:#f0f7ff;border:1px solid #c9deff;border-radius:20px;font-size:12px;font-weight:500;color:var(--ibm-blue);letter-spacing:.02em}.model-pill-dot{width:7px;height:7px;background:var(--ibm-blue);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.empty-state{flex:1 1;justify-content:center;gap:40px;padding:40px 24px;overflow-y:auto}.empty-logo,.empty-state{display:flex;flex-direction:column;align-items:center}.empty-logo{gap:16px}.empty-logo-mark{width:52px;height:52px;background:var(--ibm-blue);border-radius:14px;display:flex;align-items:center;justify-content:center}.empty-title{font-size:26px;font-weight:300;color:var(--text-primary);letter-spacing:-.01em}.empty-title span{color:var(--ibm-blue);font-weight:400}.suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,240px));grid-gap:12px;gap:12px}.suggestion-card{padding:16px;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;text-align:left}.suggestion-card:hover{border-color:var(--ibm-blue);background:var(--ibm-blue-light);box-shadow:0 2px 12px rgba(15,98,254,.1)}.suggestion-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ibm-blue);margin-bottom:4px}.suggestion-text{font-size:13px;color:var(--text-secondary);line-height:1.4}.messages-container{flex:1 1;overflow-y:auto;padding:24px 0}.messages-inner{max-width:720px;margin:0 auto;padding:0 24px;gap:4px}.message,.messages-inner{display:flex;flex-direction:column}.message{gap:6px;padding:8px 0}.message-user{align-items:flex-end}.message-assistant{align-items:flex-start}.message-role{font-size:12px;font-weight:500;color:var(--text-tertiary);letter-spacing:.04em;padding:0 4px}.message-bubble{max-width:80%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.message-user .message-bubble{background:var(--msg-user-bg);color:#fff;border-bottom-right-radius:4px}.message-assistant .message-bubble{background:var(--msg-ai-bg);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border);max-width:90%}.code-block{margin:12px 0;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#1e1e2e}.code-lang{padding:6px 14px;font-size:11px;font-family:IBM Plex Mono,monospace;color:#888;background:#16161e;letter-spacing:.06em;text-transform:lowercase}.code-block pre{padding:14px;overflow-x:auto;margin:0}.code-block code{font-size:13px;color:#cdd6f4;line-height:1.6;white-space:pre}.code-block code,.inline-code{font-family:IBM Plex Mono,monospace}.inline-code{font-size:12px;background:rgba(15,98,254,.1);color:var(--ibm-blue);padding:1px 5px;border-radius:4px}.thinking{display:flex;gap:5px;padding:14px 18px;background:var(--msg-ai-bg);border:1px solid var(--border);border-radius:18px;border-bottom-left-radius:4px;align-items:center}.thinking-dot{width:7px;height:7px;background:var(--text-tertiary);border-radius:50%;animation:bounce 1.2s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.message-actions{display:flex;gap:4px;padding:0 4px;opacity:0;transition:opacity .15s}.message:hover .message-actions{opacity:1}.action-btn{width:28px;height:28px;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,border-color .1s;color:var(--text-secondary)}.action-btn svg{width:13px;height:13px;stroke:currentColor}.action-btn:hover{background:var(--hover-bg)}.action-btn.active-up,.action-btn:hover{border-color:var(--ibm-blue);color:var(--ibm-blue)}.action-btn.active-up{background:var(--ibm-blue-light)}.action-btn.active-down{background:#fff1f1;border-color:#da1e28;color:#da1e28}.input-area{border-top:1px solid var(--border);padding:16px 24px 20px;background:var(--sidebar-bg);flex-shrink:0}.input-inner{max-width:720px;margin:0 auto;position:relative}.input-box{width:100%;padding:12px 52px 12px 18px;background:var(--bg);border:1px solid var(--border);border-radius:24px;font-family:IBM Plex Sans,sans-serif;font-size:14px;color:var(--text-primary);resize:none;outline:none;line-height:1.5;min-height:48px;max-height:200px;transition:border-color .15s,box-shadow .15s;overflow-y:auto}.input-box::placeholder{color:var(--text-tertiary)}.input-box:focus{border-color:var(--ibm-blue);box-shadow:0 0 0 3px rgba(15,98,254,.12);background:#fff}.send-btn{position:absolute;right:8px;bottom:8px;width:32px;height:32px;background:var(--ibm-blue);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.send-btn:hover{background:var(--ibm-blue-hover);transform:scale(1.05)}.send-btn:disabled{background:var(--border);cursor:not-allowed;transform:none}.send-btn svg{stroke:#fff}.input-footer{margin-top:8px;font-size:11px;color:var(--text-tertiary);text-align:center;letter-spacing:.02em}.error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff1f1;border:1px solid #ffa8a8;border-radius:8px;font-size:13px;color:#da1e28;margin:8px 0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:768px){.app-layout{flex-direction:column}.sidebar{display:none!important}.main{width:100vw;flex:1 1;min-width:0}.empty-state{padding:40px 16px;justify-content:flex-start}.suggestion-grid{grid-template-columns:1fr;width:100%;max-width:400px;margin:0 auto}.empty-title{font-size:20px;text-align:center;padding:0 20px}.input-inner,.messages-inner{width:100%;padding:0 12px}.message-bubble{max-width:90%}}