.chat-body{width:100%;overflow:hidden}.chat-page{position:relative;display:flex;min-height:100vh;height:100vh;width:100%}.chat-page{--chat-sidebar-width: 280px;--chat-input-height: 96px}.chat-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--chat-sidebar-width);padding:28px 20px;background:#0e0e0ef5;border-right:1px solid #2a2a2a;backdrop-filter:blur(6px);z-index:3;transition:transform .35s ease}.chat-sidebar-title{font-size:1.1rem;font-weight:600;letter-spacing:.02em}.chat-sidebar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chat-button{background:#1b1b1b;border:1px solid #2f2f2f;border-radius:999px;padding:8px 12px;font-size:.85rem;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease}.chat-button.subtle{background:transparent}.chat-button:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.chat-thread-list{list-style:none;margin:18px 0 0;padding:0;max-height:calc(100vh - 190px);overflow-y:auto;scrollbar-width:none}.chat-thread-list::-webkit-scrollbar{width:0;height:0}.chat-thread-button{width:100%;display:flex;flex-direction:column;gap:6px;background:transparent;border:1px solid transparent;border-radius:16px;padding:12px;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease}.chat-thread-button:hover,.chat-thread-button.active{background:#1a1a1a;border-color:#333}.chat-thread-title{font-size:.95rem;font-weight:600}.chat-thread-meta{font-size:.75rem;color:#b5b5b5}.chat-main{margin-left:var(--chat-sidebar-width);width:calc(100% - var(--chat-sidebar-width));min-height:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;padding:24px 6vw 12px;gap:16px}.chat-title-group{display:flex;flex-direction:column;gap:4px}.chat-title{font-size:clamp(1.3rem,1.6vw,2.1rem);font-weight:600}.chat-subtitle{font-size:.85rem;color:#b2b2b2}.chat-status{font-size:.8rem;padding:6px 12px;border-radius:999px;border:1px solid #2c2c2c;background:#151515}.chat-status[data-busy=true]{color:var(--accent-color);border-color:#88d3ff66}.chat-icon-button{background:transparent;border:1px solid #2c2c2c;border-radius:12px;padding:8px 10px;cursor:pointer;display:none}.chat-log{flex:1;min-height:0;overflow-y:auto;padding:12px 6vw calc(var(--chat-input-height) + 32px);display:flex;flex-direction:column;gap:16px;scrollbar-width:none}.chat-log::-webkit-scrollbar{width:0;height:0}.chat-message{max-width:720px;padding:16px 18px;border-radius:18px;border:1px solid #262626;background:#141414eb;box-shadow:0 12px 30px #0003}.chat-message.user{align-self:flex-end;background:#263c47eb;border-color:#88d3ff4d}.chat-message-role{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#9a9a9a;margin-bottom:8px}.chat-message-content{white-space:pre-wrap;line-height:1.5;font-size:.95rem}.chat-message-footer{margin-top:12px;display:flex;flex-direction:column;gap:8px}.chat-telemetry{display:flex;align-items:center;justify-content:end;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:.75rem}.chat-telemetry.streaming{animation:fadeIn .3s ease-in}.telemetry-status{display:flex;align-items:center;gap:6px;color:#888;font-size:.8rem}.status-pulse{width:8px;height:8px;border-radius:50%;background:#4a90e2;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.telemetry-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:500;white-space:nowrap}.telemetry-badge.cache-hit{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.telemetry-badge.tool-used{background:#9c27b026;color:#9c27b0;border:1px solid rgba(156,39,176,.3)}.telemetry-tokens{display:flex;align-items:center;gap:12px}.token-count{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;display:inline;color:#535353;font-size:.75rem}.chat-input-bar{position:fixed;left:var(--chat-sidebar-width);right:0;bottom:0;min-height:var(--chat-input-height);padding:16px 6vw 22px;background:#0c0c0cf5;border-top:1px solid #262626;backdrop-filter:blur(6px)}.chat-input-wrap{display:flex;gap:12px;align-items:flex-end}.chat-input{flex:1;background:#1a1a1a;border:1px solid #303030;border-radius:16px;padding:12px 14px;min-height:48px;resize:none;color:#fff}.chat-input:focus{outline:1px solid rgba(136,211,255,.4)}.chat-send{background:var(--accent-color);color:#0a0a0a;border:none;border-radius:16px;padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease}.chat-send:disabled{opacity:.6;cursor:not-allowed}.chat-send:hover:not(:disabled){transform:translateY(-1px)}.chat-hint{margin-top:8px;font-size:.7rem;color:#9a9a9a}.chat-sidebar-overlay{position:fixed;inset:0;background:#000000a6;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2}.chat-sidebar-overlay.open{opacity:1;pointer-events:auto}.suggestion-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.suggestion-chip{background:var(--accent-color);color:#0a0a0a;border:none;border-radius:16px;padding:8px 12px;font-size:1rem;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.suggestion-chip:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--glow-color);border-color:#88d3ff4d}@media screen and (max-width: 900px){.chat-page{--chat-sidebar-width: 82vw;--chat-input-height: 110px}.chat-sidebar{transform:translate(-110%);background:#0a0a0afa}.chat-sidebar.open{transform:translate(0)}.chat-main{margin-left:0;width:100%}.chat-input-bar{left:0;padding:16px 6vw 28px}.chat-icon-button{display:inline-flex;align-items:center;justify-content:center}}.markdown-body{line-height:1.5;word-wrap:break-word;white-space:normal}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body p{margin-bottom:8px}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{margin-top:8px;margin-bottom:8px;padding-left:20px}.markdown-body li{margin-bottom:2px}.markdown-body code{padding:2px 4px;background:#ffffff1a;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.85em}.markdown-body pre{background:#1a1a1a;padding:12px;border-radius:8px;overflow-x:auto;margin-bottom:12px;border:1px solid #333}.markdown-body pre code{background:transparent;padding:0;border-radius:0;font-size:.85rem;color:#e0e0e0}.markdown-body a{color:#4a90e2;text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:16px;margin-bottom:8px;font-weight:600;line-height:1.25}.markdown-body h1{font-size:1.25em}.markdown-body h2{font-size:1.15em}.markdown-body h3{font-size:1em}