.buddy-chat-drawer{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:calc(24px + env(safe-area-inset-right,0px));width:480px;height:700px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px));border-radius:16px;background:var(--buddy-surface);box-shadow:0 8px 40px #0000002e;z-index:10000;display:flex;flex-direction:column;overflow:hidden;animation:buddySlideUp .25s ease-out}.buddy-chat-drawer.fullscreen{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;animation:buddyFadeIn .15s ease-out}@keyframes buddySlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes buddyFadeIn{0%{opacity:0}to{opacity:1}}.buddy-chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--buddy-gradient);color:#fff;flex-shrink:0}.buddy-chat-header-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.buddy-chat-header-title{flex:1;font-weight:600;font-size:15px}.buddy-chat-header-actions{display:flex;gap:4px}.buddy-chat-header-actions button{background:#ffffff26;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s}.buddy-chat-header-actions button:hover{background:#ffffff4d}.buddy-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.buddy-msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.45;word-break:break-word}.buddy-msg.user{align-self:flex-end;background:var(--buddy-primary);color:#fff;border-bottom-right-radius:4px}.buddy-msg.agent{align-self:flex-start;background:var(--buddy-bg);color:var(--buddy-text);border-bottom-left-radius:4px}.buddy-msg.system{align-self:center;font-size:12px;color:var(--buddy-muted);background:none;padding:4px}.buddy-step-trace{align-self:flex-start;max-width:90%;font-size:12px;padding:8px 12px;background:rgba(var(--buddy-primary-rgb),.06);border-left:3px solid var(--buddy-primary);border-radius:0 8px 8px 0;color:var(--buddy-muted)}.buddy-step-trace .step-tool{font-weight:600;color:var(--buddy-primary)}.buddy-step-trace .step-result{margin-top:4px;font-family:monospace;font-size:11px;white-space:pre-wrap;max-height:80px;overflow:hidden}.buddy-confirm-card{align-self:flex-start;max-width:90%;padding:12px 16px;background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;font-size:13px}.buddy-confirm-card .confirm-desc{font-weight:500;margin-bottom:8px;color:#92400e}.buddy-confirm-actions{display:flex;gap:8px}.buddy-confirm-actions button{padding:5px 14px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer}.buddy-confirm-actions .approve-btn{background:#10b981;color:#fff}.buddy-confirm-actions .reject-btn{background:#ef4444;color:#fff}.buddy-thinking{align-self:flex-start;display:flex;gap:4px;padding:10px 14px}.buddy-thinking span{width:8px;height:8px;background:var(--buddy-primary);border-radius:50%;animation:buddyBounce 1.2s infinite}.buddy-thinking span:nth-child(2){animation-delay:.15s}.buddy-thinking span:nth-child(3){animation-delay:.3s}@keyframes buddyBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.buddy-chat-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--buddy-border);background:var(--buddy-surface);flex-shrink:0}.buddy-chat-input-area textarea{flex:1;resize:none;border:1px solid var(--buddy-border);background:var(--buddy-surface);color:var(--buddy-text);border-radius:10px;padding:8px 12px;font-size:14px;font-family:inherit;max-height:100px;min-height:38px;outline:none;transition:border-color .15s}.buddy-chat-input-area textarea:focus{border-color:var(--buddy-primary)}.buddy-chat-input-area .send-btn{align-self:flex-end;width:38px;height:38px;border-radius:10px;border:none;background:var(--buddy-primary);color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .15s}.buddy-chat-input-area .send-btn:hover{background:var(--buddy-secondary)}.buddy-chat-input-area .send-btn:disabled{opacity:.5;cursor:not-allowed}.buddy-chat-resize-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,rgba(var(--buddy-primary-rgb),.4) 50%);border-bottom-right-radius:16px;z-index:1}.buddy-trail{margin:4px 8px 10px;padding:6px 10px;border-left:2px solid var(--buddy-primary);background:var(--buddy-accent-soft);border-radius:4px;font-size:12px;color:var(--buddy-muted);display:flex;flex-direction:column;gap:2px}.buddy-trail-item.buddy-trail-ok{color:#047857}.buddy-trail-item.buddy-trail-unhandled{color:#92400e}.buddy-trail-item.buddy-trail-error{color:#b91c1c}@property --day-mix{syntax: "<number>"; inherits: true; initial-value: 1;}:root{--day-mix: 1;--bg-day: #f5f5f7;--surface-day: #ffffff;--text-day: #1f2937;--muted-day: #6b7280;--border-day: #e5e7eb;--primary-day: #667eea;--secondary-day: #764ba2;--primary-rgb-day: 102, 126, 234;--danger-day: #c33;--success-day: #10b981;--warning-day: #f59e0b;--bg-night: #0f1115;--surface-night: #1a1d24;--text-night: #e5e7eb;--muted-night: #9ca3af;--border-night: #2a2f3a;--primary-night: #8b9eff;--secondary-night: #a384c4;--primary-rgb-night: 139, 158, 255;--danger-night: #f87171;--success-night: #34d399;--warning-night: #fbbf24;--buddy-bg: var(--bg-day);--buddy-surface: var(--surface-day);--buddy-text: var(--text-day);--buddy-muted: var(--muted-day);--buddy-border: var(--border-day);--buddy-primary: var(--primary-day);--buddy-secondary: var(--secondary-day);--buddy-accent: var(--buddy-primary);--buddy-accent-soft: rgba(102, 126, 234, .12);--buddy-danger: var(--danger-day);--buddy-success: var(--success-day);--buddy-warning: var(--warning-day);--buddy-primary-rgb: var(--primary-rgb-day);--buddy-gradient: linear-gradient(135deg, var(--primary-day) 0%, var(--secondary-day) 100%);--page-bg-day: #f5f5f7;--page-bg-night: #0b0d12;--elevated-day: #f9fafb;--elevated-night: #1f232c;--soft-fill-day: #f3f4f6;--soft-fill-night: #242832;--heading-day: #111827;--heading-night: #f3f4f6;--body-day: #374151;--body-night: #d1d5db;--muted-strong-day: #4b5563;--muted-strong-night: #c7cad1;--buddy-page-bg: var(--page-bg-day);--buddy-elevated: var(--elevated-day);--buddy-soft-fill: var(--soft-fill-day);--buddy-heading: var(--heading-day);--buddy-body: var(--body-day);--buddy-muted-strong: var(--muted-strong-day);--topbar-height: 56px;--sidebar-width: 300px;--sidebar-width-mobile: min(300px, 86vw)}@supports (background: color-mix(in oklab,red 50%,blue)){:root{--buddy-bg: color-mix(in oklab, var(--bg-night) calc((1 - var(--day-mix)) * 100%), var(--bg-day));--buddy-surface: color-mix(in oklab, var(--surface-night) calc((1 - var(--day-mix)) * 100%), var(--surface-day));--buddy-text: color-mix(in oklab, var(--text-night) calc((1 - var(--day-mix)) * 100%), var(--text-day));--buddy-muted: color-mix(in oklab, var(--muted-night) calc((1 - var(--day-mix)) * 100%), var(--muted-day));--buddy-border: color-mix(in oklab, var(--border-night) calc((1 - var(--day-mix)) * 100%), var(--border-day));--buddy-primary: color-mix(in oklab, var(--primary-night) calc((1 - var(--day-mix)) * 100%), var(--primary-day));--buddy-secondary: color-mix(in oklab, var(--secondary-night) calc((1 - var(--day-mix)) * 100%), var(--secondary-day));--buddy-accent-soft: color-mix(in oklab, var(--buddy-primary) 12%, transparent);--buddy-danger: color-mix(in oklab, var(--danger-night) calc((1 - var(--day-mix)) * 100%), var(--danger-day));--buddy-success: color-mix(in oklab, var(--success-night) calc((1 - var(--day-mix)) * 100%), var(--success-day));--buddy-warning: color-mix(in oklab, var(--warning-night) calc((1 - var(--day-mix)) * 100%), var(--warning-day));--buddy-page-bg: color-mix(in oklab, var(--page-bg-night) calc((1 - var(--day-mix)) * 100%), var(--page-bg-day));--buddy-elevated: color-mix(in oklab, var(--elevated-night) calc((1 - var(--day-mix)) * 100%), var(--elevated-day));--buddy-soft-fill: color-mix(in oklab, var(--soft-fill-night) calc((1 - var(--day-mix)) * 100%), var(--soft-fill-day));--buddy-heading: color-mix(in oklab, var(--heading-night) calc((1 - var(--day-mix)) * 100%), var(--heading-day));--buddy-body: color-mix(in oklab, var(--body-night) calc((1 - var(--day-mix)) * 100%), var(--body-day));--buddy-muted-strong: color-mix(in oklab, var(--muted-strong-night) calc((1 - var(--day-mix)) * 100%), var(--muted-strong-day))}}@supports not (background: color-mix(in oklab,red 50%,blue)){:root[data-theme=dark]{--buddy-bg: var(--bg-night);--buddy-surface: var(--surface-night);--buddy-text: var(--text-night);--buddy-muted: var(--muted-night);--buddy-border: var(--border-night);--buddy-primary: var(--primary-night);--buddy-secondary: var(--secondary-night);--buddy-accent-soft: rgba(139, 158, 255, .12);--buddy-danger: var(--danger-night);--buddy-success: var(--success-night);--buddy-warning: var(--warning-night);--buddy-page-bg: var(--page-bg-night);--buddy-elevated: var(--elevated-night);--buddy-soft-fill: var(--soft-fill-night);--buddy-heading: var(--heading-night);--buddy-body: var(--body-night);--buddy-muted-strong: var(--muted-strong-night)}}:root[data-theme=light]{--day-mix: 1;--buddy-primary-rgb: var(--primary-rgb-day)}:root[data-theme=dark]{--day-mix: 0;--buddy-primary-rgb: var(--primary-rgb-night)}*{box-sizing:border-box}body{margin:0;background:var(--buddy-bg);color:var(--buddy-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{transition:background-color .45s ease,border-color .45s ease,color .45s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none}}#root{min-height:100vh;min-height:100dvh}html{overflow-x:clip}button,input,select,textarea{font:inherit}h1,h2,h3{font-family:inherit}.sidebar-buddy-ring{position:relative;display:inline-block;border-radius:50%;animation:buddy-alive 30s ease-in-out infinite}@keyframes buddy-alive{0%{filter:drop-shadow(0 0 8px rgba(var(--buddy-primary-rgb),.35));transform:rotate(0) scale(1)}96%{filter:drop-shadow(0 0 8px rgba(var(--buddy-primary-rgb),.35));transform:rotate(0) scale(1)}96.8%{filter:drop-shadow(0 0 18px rgba(var(--buddy-primary-rgb),.7));transform:rotate(-4deg) scale(1.03)}97.6%{filter:drop-shadow(0 0 22px rgba(var(--buddy-primary-rgb),.8));transform:rotate(4deg) scale(1.04)}98.4%{filter:drop-shadow(0 0 18px rgba(var(--buddy-primary-rgb),.7));transform:rotate(-2deg) scale(1.02)}99.2%{filter:drop-shadow(0 0 14px rgba(var(--buddy-primary-rgb),.5));transform:rotate(2deg) scale(1.01)}to{filter:drop-shadow(0 0 8px rgba(var(--buddy-primary-rgb),.35));transform:rotate(0) scale(1)}}h4,h5,h6,p{font-family:inherit}@media(max-width:768px){body{font-size:14px}}body.sidebar-open{overflow:hidden}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.buddy-sidebar-backdrop{position:fixed;inset:0;background:#00000073;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s ease}body.sidebar-open .buddy-sidebar-backdrop{opacity:1;pointer-events:auto}.buddy-card{background:var(--buddy-elevated);border:1px solid var(--buddy-border);border-radius:12px;padding:16px 20px;color:var(--buddy-body)}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background-color:var(--buddy-elevated);color:var(--buddy-text);border:1px solid var(--buddy-border);border-radius:6px}input::placeholder,textarea::placeholder{color:var(--buddy-muted)}input[type=checkbox],input[type=radio]{accent-color:var(--buddy-primary)}:root,:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}