.agent-chat{--agent-bg: #0a0a0f;--agent-surface: #13131a;--agent-surface-hover: #1a1a24;--agent-border: rgba(255, 255, 255, .08);--agent-text: #e4e4e7;--agent-text-muted: #71717a;--agent-primary: #6366f1;--agent-primary-hover: #818cf8;--agent-success: #22c55e;--agent-warning: #f59e0b;--agent-radius: 12px;--agent-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--agent-font);color:var(--agent-text);background:var(--agent-bg);min-height:80vh;display:flex;flex-direction:column}.agent-auth{display:flex;align-items:center;justify-content:center;min-height:80vh}.agent-auth-card{text-align:center;padding:3rem;background:var(--agent-surface);border:1px solid var(--agent-border);border-radius:20px;max-width:420px;box-shadow:0 20px 60px #0006}.agent-logo{font-size:3rem;margin-bottom:1rem}.agent-auth-card h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agent-auth-card p{color:var(--agent-text-muted);margin:0 0 2rem;line-height:1.6}.agent-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--agent-radius);font-family:var(--agent-font);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.agent-btn:disabled{opacity:.5;cursor:not-allowed}.agent-btn-google{background:#fff;color:#333;font-size:1rem;padding:.875rem 2rem;border-radius:50px;box-shadow:0 2px 12px #00000026}.agent-btn-google:hover{box-shadow:0 4px 20px #6366f14d;transform:translateY(-1px)}.agent-btn-send{background:var(--agent-primary);color:#fff;padding:.625rem 1.25rem;border-radius:10px}.agent-btn-send:hover:not(:disabled){background:var(--agent-primary-hover)}.agent-select{display:flex;align-items:center;justify-content:center;min-height:80vh}.agent-selector{background:var(--agent-surface);border:1px solid var(--agent-border);border-radius:20px;padding:2.5rem;max-width:480px;width:100%;box-shadow:0 20px 60px #0006}.agent-selector h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.agent-selector-fields{display:flex;flex-direction:column;gap:1rem}.agent-selector select{width:100%;padding:.75rem 1rem;background:var(--agent-bg);color:var(--agent-text);border:1px solid var(--agent-border);border-radius:var(--agent-radius);font-family:var(--agent-font);font-size:.9rem;cursor:pointer;transition:border-color .2s;appearance:none}.agent-selector select:hover,.agent-selector select:focus{border-color:var(--agent-primary);outline:none}.agent-selector-loading,.agent-selector-empty{text-align:center;padding:3rem;color:var(--agent-text-muted)}.agent-conversation{display:flex;flex-direction:column;height:80vh}.agent-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth}.agent-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;opacity:.7}.agent-welcome-icon{font-size:3rem;margin-bottom:1rem}.agent-welcome h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agent-welcome p{color:var(--agent-text-muted);font-size:1.1rem}.agent-msg{max-width:85%;padding:.875rem 1.25rem;border-radius:16px;line-height:1.6;font-size:.95rem;animation:agentFadeIn .3s ease}@keyframes agentFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.agent-msg-user{align-self:flex-end;background:var(--agent-primary);color:#fff;border-bottom-right-radius:4px}.agent-msg-assistant{align-self:flex-start;background:var(--agent-surface);border:1px solid var(--agent-border);border-bottom-left-radius:4px}.agent-msg-content{word-break:break-word}.agent-markdown h3{font-size:1rem;font-weight:700;margin:1rem 0 .5rem;color:var(--agent-primary-hover)}.agent-markdown h3:first-child{margin-top:0}.agent-markdown p{margin:.4rem 0}.agent-markdown strong{color:#fff}.agent-markdown code{background:var(--agent-bg);padding:.15rem .4rem;border-radius:4px;font-size:.85em;color:var(--agent-primary-hover)}.agent-markdown table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.85rem}.agent-markdown th{text-align:left;padding:.5rem .75rem;background:var(--agent-bg);border-bottom:1px solid var(--agent-border);color:var(--agent-text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.agent-markdown td{padding:.4rem .75rem;border-bottom:1px solid var(--agent-border)}.agent-markdown tr:last-child td{border-bottom:none}.agent-markdown ul,.agent-markdown ol{padding-left:1.25rem;margin:.5rem 0}.agent-markdown li{margin:.25rem 0}.agent-markdown hr{border:none;border-top:1px solid var(--agent-border);margin:1rem 0}.agent-thinking{display:flex;align-items:center;gap:.5rem;color:var(--agent-text-muted)}.agent-dot-pulse{display:inline-block;width:8px;height:8px;background:var(--agent-primary);border-radius:50%;animation:agentPulse 1.2s infinite}@keyframes agentPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.agent-tool-group{display:flex;flex-direction:column;gap:.5rem;max-width:85%;animation:agentFadeIn .3s ease}.agent-tool-card{background:var(--agent-surface);border:1px solid var(--agent-border);border-radius:var(--agent-radius);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.85rem;transition:border-color .3s}.agent-tool-running{border-color:var(--agent-warning)}.agent-tool-done{border-color:var(--agent-success)}.agent-tool-icon{font-size:1rem}.agent-tool-name{font-weight:600;flex:1}.agent-tool-status{color:var(--agent-text-muted);font-size:.8rem}.agent-tool-summary{color:var(--agent-text-muted);font-size:.8rem;margin-left:auto;white-space:nowrap}.agent-tool-failed{border-color:#ef4444;opacity:.8}.agent-tool-error{color:#ef4444}.agent-input-bar{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--agent-border);background:var(--agent-surface)}.agent-input-bar textarea{flex:1;background:var(--agent-bg);color:var(--agent-text);border:1px solid var(--agent-border);border-radius:var(--agent-radius);padding:.75rem 1rem;font-family:var(--agent-font);font-size:.95rem;resize:none;min-height:44px;max-height:120px;transition:border-color .2s}.agent-input-bar textarea:focus{border-color:var(--agent-primary);outline:none}.agent-input-bar textarea::placeholder{color:var(--agent-text-muted)}.agent-input-bar textarea:disabled{opacity:.6}.agent-loading{display:flex;align-items:center;justify-content:center;min-height:80vh}.agent-spinner{width:40px;height:40px;border:3px solid var(--agent-border);border-top-color:var(--agent-primary);border-radius:50%;animation:agentSpin .8s linear infinite}@keyframes agentSpin{to{transform:rotate(360deg)}}.agent-thinking-card{display:flex;align-items:center;gap:.75rem;color:var(--agent-text-muted);border-left:3px solid var(--agent-primary)}.agent-thinking-label{font-weight:500;color:var(--agent-text)}.agent-thinking-model{font-size:.75rem;color:var(--agent-text-muted);background:var(--agent-bg);padding:.15rem .5rem;border-radius:6px;font-family:JetBrains Mono,Fira Code,monospace}.agent-proposals{max-width:95%;padding:1rem 1.25rem}.agent-proposals-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.agent-proposals-icon{font-size:1rem}.agent-proposals-title{font-weight:700;font-size:.95rem;color:var(--agent-primary-hover)}.agent-proposals-rule{font-size:.75rem;color:var(--agent-text-muted);background:var(--agent-bg);padding:.15rem .5rem;border-radius:6px}.agent-proposals-count{font-size:.8rem;color:var(--agent-success);margin-left:auto;font-weight:600}.agent-proposals-table{width:100%;border-collapse:collapse;font-size:.85rem}.agent-proposals-table th{text-align:left;padding:.4rem .6rem;background:var(--agent-bg);border-bottom:1px solid var(--agent-border);color:var(--agent-text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.agent-proposals-table td{padding:.4rem .6rem;border-bottom:1px solid var(--agent-border)}.agent-proposals-table tr:last-child td{border-bottom:none}.agent-arrow{text-align:center;color:var(--agent-text-muted);font-size:.85rem;width:30px}.agent-new-name{color:var(--agent-success)!important;background:#22c55e1a!important}.agent-reason{color:var(--agent-text-muted);font-size:.8rem;max-width:200px}.agent-checkpoint{max-width:95%;border-left:3px solid var(--agent-success)}.agent-checkpoint-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem}.agent-checkpoint-stats{display:flex;gap:1rem;margin-bottom:.75rem}.agent-stat{font-size:.85rem;font-weight:600}.agent-stat-safe{color:var(--agent-success)}.agent-stat-conflict{color:var(--agent-warning)}.agent-checkpoint-preview{background:var(--agent-bg);border-radius:8px;padding:.75rem;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.4rem}.agent-checkpoint-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.agent-checkpoint-item code{background:var(--agent-surface);padding:.1rem .35rem;border-radius:4px;font-size:.82em;color:var(--agent-primary-hover)}.agent-checkpoint-more{color:var(--agent-text-muted);font-size:.8rem;font-style:italic}.agent-checkbox-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;user-select:none}.agent-checkbox{width:16px;height:16px;accent-color:var(--agent-primary);cursor:pointer;flex-shrink:0}.agent-checkbox-text{font-size:.8rem;color:var(--agent-text-muted);font-weight:500}.agent-checkpoint-select-all{padding-bottom:.4rem;margin-bottom:.4rem;border-bottom:1px solid var(--agent-border)}.agent-checkpoint-item-deselected{opacity:.4}.agent-checkpoint-item-deselected code{text-decoration:line-through}.agent-checkpoint-resolved{opacity:.6;border-left-color:var(--agent-text-muted)}.agent-checkpoint-eta{font-size:.78rem;color:var(--agent-text-muted);padding:.4rem 0;font-style:italic;border-top:1px solid var(--agent-border);margin-top:.25rem}.agent-conflict-details{margin-top:.5rem;border:1px solid var(--agent-warning);border-radius:8px;padding:.5rem;background:#f59e0b0d}.agent-conflict-details summary{cursor:pointer;color:var(--agent-warning);font-size:.82rem;font-weight:600}.agent-conflict-list{margin-top:.4rem;display:flex;flex-direction:column;gap:.35rem}.agent-conflict-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;flex-wrap:wrap}.agent-conflict-item code{background:var(--agent-surface);padding:.1rem .4rem;border-radius:4px;font-size:.78rem}.agent-conflict-reason{color:var(--agent-warning);font-size:.75rem;font-style:italic}.agent-checkpoint-actions{display:flex;gap:.75rem;margin-top:.25rem}.agent-btn-confirm{background:var(--agent-success);color:#fff;padding:.5rem 1.25rem;font-size:.85rem;border-radius:8px}.agent-btn-confirm:hover{background:#16a34a}.agent-btn-skip{background:transparent;color:var(--agent-text-muted);border:1px solid var(--agent-border);padding:.5rem 1.25rem;font-size:.85rem;border-radius:8px}.agent-btn-skip:hover{border-color:var(--agent-text-muted);color:var(--agent-text)}.agent-replacements{max-width:95%;border-left:3px solid var(--agent-primary)}.agent-replacements-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem}.agent-replacements-stats{display:flex;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.agent-confidence{font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:6px;background:var(--agent-bg)}.agent-confidence-exact{color:var(--agent-success)}.agent-confidence-close{color:#eab308}.agent-confidence-partial{color:var(--agent-warning)}.agent-confidence-none{color:var(--agent-text-muted)}.agent-replacement-group{margin-bottom:.75rem}.agent-replacement-group-label{font-size:.8rem;font-weight:700;color:var(--agent-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.agent-replacement-item{background:var(--agent-bg);border-radius:8px;margin-bottom:.35rem;border:1px solid transparent}.agent-replacement-item[open]{border-color:var(--agent-border)}.agent-replacement-summary{padding:.6rem .75rem;cursor:pointer;list-style:none;border-radius:8px}.agent-replacement-summary::-webkit-details-marker{display:none}.agent-replacement-summary:before{content:"▸";display:inline-block;margin-right:.4rem;transition:transform .15s ease;color:var(--agent-text-muted);font-size:.75rem}.agent-replacement-item[open]>.agent-replacement-summary:before{transform:rotate(90deg)}.agent-replacement-name{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem}.agent-replacement-name code{background:var(--agent-surface);padding:.1rem .35rem;border-radius:4px;font-size:.85em;color:var(--agent-primary-hover)}.agent-no-match{color:var(--agent-text-muted);font-style:italic;font-size:.8rem}.agent-replacement-detail{padding:.25rem .75rem .75rem}.agent-replacement-explanation{font-size:.8rem;color:var(--agent-text-muted);margin-bottom:.5rem;line-height:1.4}.agent-replacement-composition{background:var(--agent-surface);border-radius:6px;padding:.5rem .65rem;margin-top:.35rem}.agent-composition-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.15rem 0}.agent-composition-label{color:var(--agent-text-muted);font-weight:600;font-size:.75rem;min-width:5.5rem;flex-shrink:0}.agent-composition-row code,.agent-replacement-chain code,.agent-replacement-blocks code{background:var(--agent-bg);padding:.1rem .4rem;border-radius:4px;font-size:.8em;color:var(--agent-primary)}.agent-replacement-chain,.agent-replacement-blocks{display:flex;align-items:flex-start;gap:.5rem;margin-top:.4rem;font-size:.8rem}.agent-chain-steps{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.agent-chain-step:after{content:"→";margin-left:.3rem;color:var(--agent-text-muted);font-size:.75em}.agent-chain-step:last-child:after{display:none}.agent-shared-block{margin-right:.25rem}