*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e0f11;--surface: #16181c;--surface2: #1f2127;--border: #2a2d35;--accent: #5865f2;--accent-h: #4752c4;--text: #e2e4ea;--text-dim: #7b8092;--user-bg: #5865f2;--user-text: #fff;--green: #3ba55d;--red: #ed4245;--font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--mono: "Fira Code", "Cascadia Code", "Courier New", monospace;--radius: 10px;--chat-w: 380px}body{font-family:var(--font);background:var(--bg);color:var(--text);height:100dvh;overflow:hidden}.app-layout{display:grid;grid-template-columns:1fr var(--chat-w);height:100dvh}.app-main{overflow-y:auto;padding:2rem;display:flex;align-items:flex-start;justify-content:center}.app-main>*{width:100%;max-width:600px}.chat-panel{display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);height:100dvh;overflow:hidden;transition:height .2s ease}.chat-panel--collapsed{height:48px}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:48px;background:var(--surface2);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.chat-header-left{display:flex;align-items:center;gap:8px}.chat-indicator{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green)}.chat-title{font-weight:600;font-size:.9rem;letter-spacing:.02em}.chat-thinking{font-size:.72rem;color:var(--text-dim);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.chat-header-right{display:flex;align-items:center;gap:6px}.chat-chevron{font-size:.7rem;color:var(--text-dim)}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chat-empty{text-align:center;color:var(--text-dim);font-size:.85rem;padding:2rem 1rem;line-height:1.6}.chat-empty-hint{margin-top:.5rem;font-size:.75rem;opacity:.6}.bubble{max-width:88%;padding:.6rem .85rem;border-radius:var(--radius);line-height:1.55;font-size:.875rem;word-break:break-word}.bubble--user{align-self:flex-end;background:var(--user-bg);color:var(--user-text);border-bottom-right-radius:3px}.bubble--assistant{align-self:flex-start;background:var(--surface2);border:1px solid var(--border);border-bottom-left-radius:3px}.bubble-text{white-space:pre-wrap}.chat-typing{display:flex;gap:4px;align-items:center;padding:4px 2px}.chat-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:bounce 1.2s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.tool-calls{margin-top:.5rem;border-top:1px solid var(--border);padding-top:.4rem}.tool-toggle{background:none;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;padding:2px 0}.tool-toggle:hover{color:var(--text)}.tool-call{margin-top:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem;font-size:.75rem}.tool-name{display:block;font-weight:600;color:var(--accent);margin-bottom:4px;font-family:var(--mono)}.tool-args,.tool-result{font-family:var(--mono);font-size:.72rem;white-space:pre-wrap;word-break:break-all;color:var(--text-dim);max-height:180px;overflow-y:auto;margin-top:4px}.tool-result{color:var(--text)}.chat-input-row{display:flex;align-items:center;gap:6px;padding:.75rem;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.chat-input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;color:var(--text);font-size:.875rem;font-family:var(--font);outline:none;transition:border-color .15s}.chat-input:focus{border-color:var(--accent)}.chat-input::placeholder{color:var(--text-dim)}.chat-input:disabled{opacity:.5}.chat-icon-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;border-radius:6px;opacity:.55;transition:opacity .15s,background .15s;line-height:1}.chat-icon-btn:hover{opacity:1;background:var(--surface2)}.chat-icon-btn.active{opacity:1}.mic-btn{font-size:1.1rem}.mic-btn--active{opacity:1;background:#ed424533;animation:pulse .8s ease-in-out infinite}.chat-send-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.chat-send-btn:hover:not(:disabled){background:var(--accent-h)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 680px){.app-layout{grid-template-columns:1fr;grid-template-rows:1fr auto}.app-main{padding:1rem}.chat-panel{border-left:none;border-top:1px solid var(--border);height:auto;max-height:60dvh}:root{--chat-w: 100%}}