.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:settingsFadeIn .18s ease-out}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes settingsSlideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:min(820px,calc(100vw - 48px));max-height:82vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0a;animation:settingsSlideUp .25s cubic-bezier(.16,1,.3,1)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;-webkit-app-region:no-drag}.settings-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.settings-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.settings-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-layout{display:flex;flex:1;overflow:hidden;min-height:0}.settings-nav{width:180px;flex-shrink:0;border-right:1px solid var(--border-subtle);padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;background:var(--bg-primary)}.settings-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);text-align:left;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);color:var(--accent-primary)}.settings-nav-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;opacity:.7}.settings-nav-item.active .settings-nav-icon{opacity:1}.settings-content{flex:1;overflow-y:auto;min-height:0;min-width:0}.settings-page{padding:20px 24px;display:flex;flex-direction:column;gap:24px;min-width:0}.sm-section{display:flex;flex-direction:column;gap:12px;min-width:0}.sm-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0}.sm-section-description{font-size:13px;color:var(--text-secondary);margin:0 0 2px;line-height:1.5}.sm-card{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.sm-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);min-width:0}.sm-row:last-child{border-bottom:none}.sm-row-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sm-row-label{font-size:13px;font-weight:500;color:var(--text-primary)}.sm-row-description{font-size:11px;color:var(--text-muted);line-height:1.4}.sm-row-control{display:flex;align-items:center;flex-shrink:0}.sm-toggle{position:relative;width:34px;height:18px;border-radius:9px;background:var(--bg-hover);border:1px solid var(--border-default);cursor:pointer;padding:0;transition:background var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.sm-toggle:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--text-muted);top:2px;left:2px;transition:left var(--transition-fast),background var(--transition-fast)}.sm-toggle.on{background:var(--accent-primary);border-color:var(--accent-primary)}.sm-toggle.on:after{left:18px;background:#fff}.sm-toggle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.sm-pill-row{display:flex;gap:2px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px}.sm-pill-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:4px 8px;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-muted);transition:all var(--transition-fast);white-space:nowrap}.sm-pill-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sm-pill-btn.active{background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary);font-weight:600}.sm-select{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-family:inherit;color:var(--text-primary);cursor:pointer;min-width:100px;transition:border-color var(--transition-fast)}.sm-select:focus{outline:none;border-color:var(--accent-primary)}.sm-slider{-webkit-appearance:none;width:80px;height:4px;border-radius:2px;background:var(--bg-hover);outline:none}.sm-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-primary);cursor:pointer;border:2px solid var(--bg-secondary);box-shadow:0 1px 3px #0000004d}.sm-shortcut-list{display:flex;flex-direction:column;gap:6px}.sm-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13px}.sm-shortcut-label{color:var(--text-secondary)}.sm-shortcut-keys{display:flex;gap:3px}.sm-kbd{font-family:JetBrains Mono,monospace;font-size:11px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:4px;padding:1px 6px;color:var(--text-secondary);white-space:nowrap}.sm-about-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.sm-about-row{display:flex;justify-content:space-between;font-size:13px}.sm-about-label{color:var(--text-muted)}.sm-about-value{color:var(--text-primary);font-weight:500;font-family:JetBrains Mono,monospace;font-size:12px}.sm-theme-row{display:flex;gap:8px}.sm-theme-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;color:var(--text-secondary);background:transparent;transition:all var(--transition-fast)}.sm-theme-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sm-theme-btn.active{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 8%,transparent);color:var(--text-primary)}.sm-theme-swatch{width:36px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-default);overflow:hidden;display:flex}.sm-swatch-dark{background:#0f0f12;flex:1}.sm-swatch-light{background:#f8fafc;flex:1}.env-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:envFadeIn .18s ease-out}@keyframes envFadeIn{0%{opacity:0}to{opacity:1}}@keyframes envSlideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.env-modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:min(520px,calc(100vw - 48px));display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff0a;animation:envSlideUp .25s cubic-bezier(.16,1,.3,1)}.env-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;-webkit-app-region:no-drag}.env-modal-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.env-modal-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.env-modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.env-modal-content{padding:20px;display:flex;flex-direction:column;gap:16px}.env-modal-description{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.env-cards{display:flex;flex-direction:column;gap:10px}.env-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);text-align:left;font-family:inherit;width:100%}.env-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.env-card.selected{border-color:var(--accent-primary);background:#6366f10f;box-shadow:0 0 0 3px #6366f11f}.env-card.unavailable{cursor:pointer;background:var(--bg-primary);border-style:dashed}.env-card.unavailable .env-card-icon,.env-card.unavailable .env-card-name,.env-card.unavailable .env-card-label{opacity:.7}.env-card.unavailable.selected{border-style:solid}.env-card-header{display:flex;align-items:center;gap:10px}.env-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.env-card-icon.prod{background:#22c55e1f;color:#22c55e}.env-card-icon.dev{background:#f59e0b1f;color:#f59e0b}.env-card-info{flex:1;min-width:0}.env-card-name{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.env-card-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.env-card-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.env-card-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.env-card-badge.current{background:#6366f126;color:var(--accent-primary, rgb(99, 102, 241));border:1px solid rgba(99,102,241,.3)}.env-card-badge.unavailable{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.env-card-url{font-size:11px;color:var(--text-tertiary, var(--text-muted));font-family:var(--font-mono);word-break:break-all;padding-left:42px;line-height:1.4}.env-card-error{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;margin-left:42px;border-radius:var(--radius-sm);background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:11px;line-height:1.5;max-height:5.5em;overflow-y:auto}.env-card-error svg{flex-shrink:0;margin-top:1px}.env-card-error span{flex:1;word-break:break-word}.env-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border-subtle);flex-shrink:0;background:var(--bg-primary)}.env-modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-family:inherit}.env-modal-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.env-modal-btn.secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.env-modal-btn.primary{background:var(--accent-primary);color:#fff;border:1px solid transparent}.env-modal-btn.primary:hover:not(:disabled){background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.env-modal-btn:disabled{opacity:.45;cursor:not-allowed}:root{--bg-primary: #09090b;--bg-secondary: #0f0f12;--bg-tertiary: #18181b;--bg-card: #18181b;--bg-elevated: #1f1f23;--bg-hover: #27272a;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-faint: #52525b;--accent-primary: #3B82F6;--accent-secondary: #60A5FA;--accent-deep: #2563EB;--accent-gradient: linear-gradient(135deg, #2563EB 0%, #3B82F6 50%, #60A5FA 100%);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--category-activity: #3b82f6;--category-telemetry: #6b7280;--category-lifecycle: #22c55e;--category-operational: #f59e0b;--category-communication: #8b5cf6;--domain-support: #3b82f6;--domain-engineering: #8b5cf6;--domain-marketing: #f59e0b;--domain-operations: #10b981;--domain-growth: #ec4899;--domain-platform: #6b7280;--purple: #a855f7;--slate: #94a3b8;--orange: #f97316;--foam: #93c5fd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--datatable-row-height: 36px;--datatable-header-height: 32px;--datatable-row-bg: transparent;--datatable-row-bg-hover: var(--bg-tertiary);--datatable-row-bg-selected: var(--bg-tertiary);--datatable-row-bg-active: color-mix(in srgb, var(--accent-primary) 8%, transparent);--datatable-row-border-active: var(--accent-primary);--datatable-row-border: var(--border-subtle);--datatable-row-outline-focus: 2px solid var(--accent-primary);--datatable-header-bg: var(--bg-secondary);--datatable-header-text: var(--text-muted);--datatable-cell-padding-x: 12px;--datatable-cell-padding-y: 8px;--empty-state-padding-y: 48px;--empty-state-padding-y-sm: 24px;--empty-state-icon-color: var(--text-faint);--empty-state-title-color: var(--text-secondary);--empty-state-body-color: var(--text-muted);--empty-state-gap: 8px;--status-badge-bg-success: color-mix(in srgb, var(--success) 12%, transparent);--status-badge-fg-success: var(--success);--status-badge-bg-warning: color-mix(in srgb, var(--warning) 12%, transparent);--status-badge-fg-warning: var(--warning);--status-badge-bg-error: color-mix(in srgb, var(--error) 12%, transparent);--status-badge-fg-error: var(--error);--status-badge-bg-info: color-mix(in srgb, var(--info) 12%, transparent);--status-badge-fg-info: var(--info);--status-badge-bg-neutral: var(--bg-tertiary);--status-badge-fg-neutral: var(--text-secondary);--status-badge-bg-pending: var(--bg-tertiary);--status-badge-fg-pending: var(--text-muted);--status-badge-radius: var(--radius-sm);--status-badge-padding-x-sm: 6px;--status-badge-padding-y-sm: 2px;--status-badge-font-size-sm: 11px;--status-badge-padding-x-md: 8px;--status-badge-padding-y-md: 3px;--status-badge-font-size-md: 12px;--status-badge-padding-x-lg: 10px;--status-badge-padding-y-lg: 4px;--status-badge-font-size-lg: 13px;--live-indicator-bg-connected: color-mix(in srgb, var(--success) 10%, transparent);--live-indicator-fg-connected: var(--success);--live-indicator-bg-reconnecting: color-mix(in srgb, var(--warning) 10%, transparent);--live-indicator-fg-reconnecting: var(--warning);--live-indicator-bg-disconnected: color-mix(in srgb, var(--error) 10%, transparent);--live-indicator-fg-disconnected: var(--error);--live-indicator-bg-idle: var(--bg-tertiary);--live-indicator-fg-idle: var(--text-muted);--live-indicator-radius: var(--radius-sm);--live-indicator-pulse-duration: 2s;--health-gauge-track: var(--bg-tertiary);--health-gauge-fill-good: var(--success);--health-gauge-fill-warning: var(--warning);--health-gauge-fill-bad: var(--error);--health-gauge-text-color: var(--text-primary);--metric-card-bg: var(--bg-secondary);--metric-card-border: var(--border-subtle);--metric-card-padding: 16px;--metric-card-radius: var(--radius-md);--metric-card-value-size: 28px;--metric-card-value-weight: 600;--metric-card-label-size: 12px;--metric-card-label-color: var(--text-muted);--metric-card-delta-positive: var(--success);--metric-card-delta-negative: var(--error);--metric-card-delta-neutral: var(--text-secondary);--filterbar-bg: var(--bg-secondary);--filterbar-height: 40px;--filterbar-padding-x: 12px;--filterbar-gap: 8px;--filterbar-border: var(--border-subtle);--drawer-bg: var(--bg-elevated);--drawer-border: var(--border-default);--drawer-shadow: var(--shadow-lg);--drawer-width-sm: 360px;--drawer-width-md: 480px;--drawer-width-lg: 640px;--drawer-header-height: 52px;--drawer-padding: 16px;--bulk-toolbar-bg: var(--bg-elevated);--bulk-toolbar-border: var(--border-default);--bulk-toolbar-shadow: var(--shadow-md);--bulk-toolbar-height: 44px;--bulk-toolbar-padding-x: 12px;--timeline-max-width: 840px;--timeline-item-padding: 12px;--timeline-group-spacing: 24px;--timeline-group-header-bg: var(--bg-secondary);--timeline-group-header-text: var(--text-muted);--json-bg: var(--bg-tertiary);--json-text: var(--text-primary);--json-key-color: var(--accent-secondary);--json-string-color: var(--success);--json-number-color: var(--orange);--json-null-color: var(--text-muted);--json-line-height: 1.5;--json-font-family: "JetBrains Mono", monospace;--json-font-size: 12px;--json-indent: 16px;--new-items-banner-bg: var(--bg-elevated);--new-items-banner-border: var(--accent-primary);--new-items-banner-fg: var(--text-primary);--new-items-banner-radius: var(--radius-md);--new-items-banner-shadow: var(--shadow-md);--undo-toast-countdown-color: var(--accent-primary);--undo-toast-countdown-duration: 6s;--saved-filter-chip-bg: var(--bg-tertiary);--saved-filter-chip-bg-active: rgba(59, 130, 246, .15);--saved-filter-chip-border: var(--border-default);--saved-filter-chip-border-active: var(--accent-primary);--saved-filter-chip-text: var(--text-secondary);--saved-filter-chip-text-active: var(--accent-primary);--chart-shell-bg: var(--bg-secondary);--chart-shell-border: var(--border-subtle);--chart-shell-radius: var(--radius-md);--chart-shell-padding: 14px;--chart-shell-title-color: var(--text-primary);--chart-shell-desc-color: var(--text-muted);--chart-shell-height-sm: 180px;--chart-shell-height-md: 240px;--chart-shell-height-lg: 360px;--chart-grid-color: var(--border-subtle);--chart-axis-color: var(--border-default);--chart-text-color: var(--text-muted);--chart-tooltip-bg: var(--bg-elevated);--chart-zoom-handle: var(--accent-primary);--date-picker-trigger-bg: var(--bg-secondary);--date-picker-trigger-border: var(--border-default);--date-picker-popover-bg: var(--bg-elevated);--date-picker-popover-border: var(--border-default);--date-picker-popover-shadow: var(--shadow-md);--date-picker-cell-selected-bg: var(--accent-primary);--date-picker-cell-in-range-bg: color-mix(in srgb, var(--accent-primary) 15%, transparent);--date-picker-cell-hover-bg: var(--bg-tertiary);--date-picker-preset-bg: transparent;--date-picker-preset-bg-active: var(--bg-tertiary);--confirm-modal-bg: var(--bg-elevated);--confirm-modal-border: var(--border-default);--confirm-modal-radius: var(--radius-md);--confirm-modal-padding: 20px;--confirm-modal-warning-accent: var(--warning);--confirm-modal-danger-accent: var(--error);--time-range-bg: var(--bg-secondary);--time-range-border: var(--border-default);--time-range-button-bg: transparent;--time-range-button-bg-active: var(--bg-tertiary);--time-range-button-fg: var(--text-secondary);--time-range-button-fg-active: var(--text-primary);--time-range-radius: var(--radius-sm);--refresh-control-fg: var(--text-muted);--refresh-control-fg-active: var(--text-secondary);--refresh-control-icon-size: 14px;--focus-ring-width: 2px;--focus-ring-color: var(--accent-primary);--focus-ring-offset: 2px;--focus-outline-primary: var(--focus-ring-width) solid var(--focus-ring-color);--focus-outline-inset: 0 0 0 var(--focus-ring-width) var(--focus-ring-color) inset;--focus-outline-secondary: var(--focus-ring-width) solid var(--text-secondary);--success-bg-faint: color-mix(in srgb, var(--success) 5%, transparent);--success-bg-light: color-mix(in srgb, var(--success) 8%, transparent);--success-bg-medium: color-mix(in srgb, var(--success) 15%, transparent);--success-bg-strong: color-mix(in srgb, var(--success) 20%, transparent);--warning-bg-faint: color-mix(in srgb, var(--warning) 5%, transparent);--warning-bg-light: color-mix(in srgb, var(--warning) 8%, transparent);--warning-bg-medium: color-mix(in srgb, var(--warning) 15%, transparent);--warning-bg-heavy: color-mix(in srgb, var(--warning) 30%, transparent);--error-bg-faint: color-mix(in srgb, var(--error) 5%, transparent);--error-bg-subtle: color-mix(in srgb, var(--error) 6%, transparent);--error-bg-light: color-mix(in srgb, var(--error) 8%, transparent);--error-bg-medium: color-mix(in srgb, var(--error) 10%, transparent);--error-bg-strong: color-mix(in srgb, var(--error) 20%, transparent);--error-bg-heavy: color-mix(in srgb, var(--error) 30%, transparent);--accent-bg-faint: color-mix(in srgb, var(--accent-primary) 5%, transparent);--accent-bg-subtle: color-mix(in srgb, var(--accent-primary) 6%, transparent);--accent-bg-light: color-mix(in srgb, var(--accent-primary) 8%, transparent);--accent-bg-medium: color-mix(in srgb, var(--accent-primary) 10%, transparent);--accent-bg-visible: color-mix(in srgb, var(--accent-primary) 15%, transparent);--purple-bg-medium: color-mix(in srgb, var(--purple) 10%, transparent);--purple-bg-visible: color-mix(in srgb, var(--purple) 15%, transparent);--info-bg-faint: color-mix(in srgb, var(--info) 5%, transparent);--info-bg-medium: color-mix(in srgb, var(--info) 10%, transparent);--error-border-subtle: color-mix(in srgb, var(--error) 6%, transparent);--error-border-medium: color-mix(in srgb, var(--error) 15%, transparent);--error-border-strong: color-mix(in srgb, var(--error) 25%, transparent);--accent-border-strong: color-mix(in srgb, var(--accent-primary) 20%, transparent);--overlay-faint: color-mix(in srgb, var(--bg-secondary) 40%, transparent);--overlay-medium: color-mix(in srgb, var(--bg-secondary) 60%, transparent);--overlay-subtle-dark: color-mix(in srgb, var(--bg-tertiary) 40%, transparent);--overlay-visible-dark: color-mix(in srgb, var(--bg-tertiary) 60%, transparent);--black-overlay-subtle: rgba(0, 0, 0, .05);--black-overlay-light: rgba(0, 0, 0, .2);--black-overlay-medium: rgba(0, 0, 0, .3);--black-overlay-heavy: rgba(0, 0, 0, .5);--white-overlay-subtle: rgba(255, 255, 255, .02);--white-overlay-light: rgba(255, 255, 255, .05);--gray-overlay-light: rgba(128, 128, 128, .2);--surface-chrome: rgba(15, 15, 18, .5);--surface-chrome-strong: rgba(15, 15, 18, .85);--surface-strip: rgba(15, 15, 18, .3);--surface-elevated-strong: rgba(24, 24, 27, .5);--surface-elevated-soft: rgba(24, 24, 27, .4);--surface-elevated-hover: rgba(24, 24, 27, .7);--surface-card: rgba(15, 15, 18, .6);--surface-card-soft: rgba(15, 15, 18, .4);--surface-sunken: #0f0f12;--surface-token-pill: rgba(9, 9, 11, .6);--surface-nav-hover: rgba(39, 39, 42, .6);--sidebar-divider: rgba(113, 113, 122, .3);--sidebar-divider-soft: rgba(113, 113, 122, .1);--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f1f5f9;--border-subtle: rgba(0, 0, 0, .04);--border-default: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--text-faint: #64748b;--accent-primary: #3B82F6;--accent-secondary: #60A5FA;--accent-gradient: linear-gradient(135deg, #2563EB 0%, #3B82F6 50%, #60A5FA 100%);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--category-activity: #3b82f6;--category-telemetry: #64748b;--category-lifecycle: #10b981;--category-operational: #f59e0b;--category-communication: #8b5cf6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--status-badge-bg-success: color-mix(in srgb, var(--success) 15%, transparent);--status-badge-bg-warning: color-mix(in srgb, var(--warning) 15%, transparent);--status-badge-bg-error: color-mix(in srgb, var(--error) 15%, transparent);--status-badge-bg-info: color-mix(in srgb, var(--info) 15%, transparent);--live-indicator-bg-connected: color-mix(in srgb, var(--success) 12%, transparent);--live-indicator-bg-reconnecting: color-mix(in srgb, var(--warning) 12%, transparent);--live-indicator-bg-disconnected: color-mix(in srgb, var(--error) 12%, transparent);--health-gauge-track: var(--bg-tertiary);--saved-filter-chip-bg-active: rgba(59, 130, 246, .12);--date-picker-cell-in-range-bg: color-mix(in srgb, var(--accent-primary) 12%, transparent);--success-bg-medium: color-mix(in srgb, var(--success) 12%, transparent);--warning-bg-medium: color-mix(in srgb, var(--warning) 12%, transparent);--error-bg-medium: color-mix(in srgb, var(--error) 12%, transparent);--accent-bg-visible: color-mix(in srgb, var(--accent-primary) 12%, transparent);--purple-bg-visible: color-mix(in srgb, var(--purple) 12%, transparent);--surface-chrome: rgba(248, 250, 252, .85);--surface-chrome-strong: rgba(255, 255, 255, .95);--surface-strip: rgba(248, 250, 252, .6);--surface-elevated-strong: rgba(241, 245, 249, .85);--surface-elevated-soft: rgba(241, 245, 249, .6);--surface-elevated-hover: rgba(226, 232, 240, .85);--surface-card: rgba(255, 255, 255, .9);--surface-card-soft: rgba(255, 255, 255, .7);--surface-sunken: #f1f5f9;--surface-token-pill: rgba(241, 245, 249, .9);--surface-nav-hover: rgba(226, 232, 240, .6);--sidebar-divider: rgba(15, 23, 42, .18);--sidebar-divider-soft: rgba(15, 23, 42, .06)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*:focus{outline:none}*:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[role=menuitem]:focus-visible,[role=link]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:var(--focus-outline-primary);outline-offset:var(--focus-ring-offset);transition:outline var(--transition-fast)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-outline-inset)}button:focus-visible,[role=button]:focus-visible{border-radius:var(--radius-sm)}.button-primary:focus-visible{outline:2px solid white;outline-offset:2px;box-shadow:0 0 0 4px #3b82f64d}.button-secondary:focus-visible,.button-ghost:focus-visible{outline:var(--focus-outline-primary);outline-offset:var(--focus-ring-offset)}.card:focus-visible,.queue-item-row:focus-visible,.agents-table-row:focus-visible,.session-row-link:focus-visible{outline:var(--focus-outline-primary);outline-offset:-2px}.nav-link:focus-visible{outline:var(--focus-outline-primary);outline-offset:2px}.dropdown-item:focus-visible{outline:none;background:var(--bg-tertiary)}@media (prefers-contrast: high){:root{--focus-ring-width: 3px}}@media (prefers-reduced-motion: reduce){*:focus-visible{transition-duration:50ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes borderGlow{0%,to{border-color:var(--border-default)}50%{border-color:var(--accent-primary)}}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes successPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes reply-success-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes inspector-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes inspector-slide-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(32px) scale(.97)}}.page-loading-orbit{animation:spin 1.6s linear infinite;transform-origin:32px 32px}.refresh-spinning{animation:spin 1s linear infinite}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-elevated) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.glow{box-shadow:var(--shadow-glow)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulseGlow 2s infinite}.live-dot-error{background:var(--error);animation:none}.streaming-dots{display:flex;gap:4px;align-items:center}.streaming-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);animation:dotPulse 1.4s infinite ease-in-out both}.streaming-dots span:nth-child(1){animation-delay:-.32s}.streaming-dots span:nth-child(2){animation-delay:-.16s}.streaming-dots span:nth-child(3){animation-delay:0}.event-card{animation:fadeIn var(--transition-fast) ease-out;transition:all var(--transition-fast)}.event-card:hover{background:var(--bg-hover);border-color:var(--border-strong);transform:translate(2px)}.event-card-new{animation:slideInLeft var(--transition-normal) ease-out;border-left:2px solid var(--accent-primary)}.stat-card{transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{animation:countUp var(--transition-slow) ease-out}.button-primary{background:var(--accent-gradient);border:none;color:#fff;font-weight:600;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.button-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}.button-primary:active{transform:translateY(0)}.button-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-secondary{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.button-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary)}.input{background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--text-primary);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f626}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.card-elevated{background:var(--bg-tertiary);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--border-default)}.timeline-connector{position:relative}.timeline-connector:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border-default);transform:translate(-50%)}.timeline-dot{width:12px;height:12px;border-radius:50%;position:relative;z-index:1;transition:all var(--transition-fast)}.timeline-dot:hover{transform:scale(1.3);box-shadow:0 0 12px currentColor}.churn-gauge-ring{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.churn-gauge-value{animation:countUp .6s ease-out}.message{animation:fadeInScale var(--transition-normal) ease-out}.message-user{background:#3b82f626;border:1px solid rgba(59,130,246,.25)}.message-assistant{background:var(--bg-tertiary);border:1px solid var(--border-subtle)}.badge{font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 8px;border-radius:4px;transition:all var(--transition-fast)}.chip{padding:5px 12px;background:transparent;border:1px solid var(--border-default);border-radius:100px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.chip:hover{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-secondary)}.chip-active{background:#3b82f626;border-color:var(--accent-primary);color:var(--accent-primary)}.mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em}.code-block{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;overflow-x:auto}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--error);animation:fadeIn var(--transition-fast) ease-out}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-muted)}.empty-state-icon{width:48px;height:48px;opacity:.3}.button-ghost:hover{background:var(--bg-hover)}.button-link:hover,.link-hover:hover{text-decoration:underline}.button-danger:hover,.button-success:hover{filter:brightness(1.1)}.button-active{background:#3b82f626;color:var(--accent-primary)}.nav-link:hover{background:var(--surface-nav-hover);color:var(--text-primary)}.nav-link-active{background:#3b82f61a;color:var(--accent-primary)}.operator-card:hover{background:var(--surface-elevated-hover)}.tabs-trigger{position:relative;user-select:none;-webkit-user-select:none}.tabs-trigger a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 4px}.tabs-trigger:hover:not([data-state=active]){background:var(--bg-tertiary);color:var(--text-primary)}.tabs-trigger:hover:not([data-state=active]) a{color:var(--text-primary)}.tabs-trigger:active:not([data-state=active]){background:var(--bg-hover);transform:scale(.98)}.tabs-trigger[data-state=active]{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 1px 2px #0000004d,0 0 0 1px var(--border-default),inset 0 1px #ffffff0a;font-weight:600}.tabs-trigger[data-state=active] a{color:var(--text-primary);font-weight:600}[data-theme=light] .tabs-trigger:hover:not([data-state=active]){background:var(--bg-hover)}[data-theme=light] .tabs-trigger[data-state=active]{background:var(--bg-card);box-shadow:0 1px 2px #0000000f,0 0 0 1px var(--border-default)}.dialog-overlay[data-state=open]{animation:fadeIn .2s ease-out}.dialog-overlay[data-state=closed]{animation:fadeOut .2s ease-in}.dialog-content[data-state=open]{animation:dialogSlideUp .28s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.dialog-content[data-state=closed]{animation:dialogSlideDown .18s cubic-bezier(.4,0,1,1) both;will-change:transform,opacity}@keyframes dialogSlideUp{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialogSlideDown{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-46%) scale(.97)}}.dialog-close:hover{opacity:1}.dropdown-item:hover,.dropdown-item:focus{background:var(--bg-tertiary)}.command-palette-content[data-state=open]{animation:fadeInScale .2s ease-out}.command-palette-content[data-state=closed]{animation:fadeOut .15s ease-in}.command-item[data-selected=true],.command-item[aria-selected=true],.shortcut-row:hover,.service-row:hover{background:var(--bg-tertiary)}.refresh-button:hover{border-color:var(--border-default);color:var(--text-secondary)}.more-services-button:hover{border-color:var(--border-default)}.checkbox:checked{border-color:var(--accent-primary);background:var(--accent-primary)}.toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.tooltip-content[data-state=delayed-open]{animation:fadeIn .15s ease-out}.tooltip-content[data-state=closed]{animation:fadeOut .1s ease-in}.toast[data-state=open]{animation:slideInRight .2s ease-out}.toast[data-state=closed]{animation:fadeOut .15s ease-in}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:pulse 2s infinite}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.suggested-question-chip:hover{border-color:var(--accent-primary);background:#3b82f60d}.suggested-question-chip:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.memory-category-toggle:hover,.memory-fact-row:hover{background:var(--bg-tertiary)}.memory-fact-row:hover .memory-fact-action{opacity:1}.add-memory-dropdown-item:hover,.memory-agent-row:hover{background:var(--bg-tertiary)}.memory-agent-row:last-child{border-bottom:none}.add-memory-textarea:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.radio-option-label:hover{background:var(--bg-tertiary)}.radio-input:checked{border-color:var(--accent-primary);background:var(--accent-primary)}.radio-input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.memory-search-flex{flex:1;max-width:384px}.textarea-focus:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f626}.action-button-approve:hover:not(:disabled){filter:brightness(.9)}.kbd-hidden-mobile{display:none}@media (min-width: 640px){.kbd-hidden-mobile{display:inline-flex}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin,.loading-spinner{animation:spin 1s linear infinite}.animate-spin-fast{animation:spin .8s linear infinite}.slide-out-left{animation:slideOutLeft .18s ease-out forwards}.slide-out-right{animation:slideOutRight .18s ease-out forwards}.success-pulse{animation:successPulse .2s ease-out}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.transition-transform{transition:transform var(--transition-fast)}.agents-table-row{transition:background var(--transition-fast)}.agents-table-row:hover{background:var(--bg-tertiary)}.agents-agent-link{transition:color var(--transition-fast)}.agents-agent-link:hover{color:var(--accent-primary);text-decoration:underline}.agents-header-button{transition:all var(--transition-fast)}.agents-header-button:hover{color:var(--text-primary)}.health-badge-link{transition:all var(--transition-fast)}.health-badge-link:hover{filter:brightness(1.1)}.queue-item-row{transition:all var(--transition-fast)}.queue-item-hoverable:hover{background:var(--bg-tertiary);border-color:var(--border-default)}.queue-item-expanded{border-color:var(--accent-primary);background:var(--bg-tertiary)}.queue-item-keyboard-selected{outline:2px solid var(--accent-primary);outline-offset:-2px}.queue-item-new{animation:slideInLeft var(--transition-normal) ease-out;border-left-color:var(--accent-primary)}.queue-filter-clear{transition:all var(--transition-fast)}.queue-filter-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.queue-tab{color:var(--text-muted);transition:all var(--transition-fast)}.queue-tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.queue-tab-active{color:var(--text-primary);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.session-id-button{transition:all var(--transition-fast)}.session-id-button:hover{background:var(--bg-tertiary);border-color:var(--border-default)}.session-detail-link{transition:color var(--transition-fast)}.session-detail-link:hover{color:var(--accent-primary)}.session-row-link{transition:background var(--transition-fast)}.session-row-link:hover{background:var(--bg-tertiary)}.session-row-copy{transition:opacity var(--transition-fast)}button:hover .session-row-copy,[aria-selected=true] .session-row-copy{opacity:1}.customer-button{transition:all var(--transition-fast)}.customer-button:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.view-customer-button{transition:all var(--transition-fast)}.view-customer-button:hover{background:#6366f133;border-color:var(--accent-secondary);color:var(--accent-primary)}.close-button{transition:all var(--transition-fast)}.close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.session-id-link{cursor:pointer;transition:color var(--transition-fast)}.session-id-link:hover{color:var(--accent-primary)}.clickable-value{cursor:pointer;transition:color var(--transition-fast)}.clickable-value:hover{color:var(--accent-primary)}.filter-badge{cursor:pointer;transition:all var(--transition-fast)}.filter-badge:hover{background:var(--bg-hover);border-color:var(--border-default)}.category-badge{cursor:pointer;transition:all var(--transition-fast)}.category-badge:hover{filter:brightness(1.2)}.back-button{transition:all var(--transition-fast)}.back-button:hover{background:var(--bg-hover);color:var(--text-primary)}.timeline-event-content{transition:background var(--transition-fast)}.timeline-event-content:hover{background:var(--bg-hover)}.side-panel-backdrop{animation:fadeIn .15s ease-out}.side-panel-slide{animation:slideInRight .2s ease-out}.approval-section-toggle:hover{background:var(--bg-hover, var(--bg-tertiary))}.approval-section-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.approval-id-badge{font-family:JetBrains Mono,monospace}.approval-id-badge:hover{border-color:var(--border-default);color:var(--text-primary)}.approval-id-badge:hover svg{opacity:.85}.approval-id-badge:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.json-toggle-button,.json-copy-button{transition:all var(--transition-fast)}.json-toggle-button:hover,.json-copy-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-select{transition:all var(--transition-fast)}.filter-select:hover{border-color:var(--border-default)}.load-more-button{transition:all var(--transition-fast)}.load-more-button:hover{background:var(--bg-tertiary);border-color:var(--border-default)}.top-type-button{transition:all var(--transition-fast)}.top-type-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.pulse-ring{animation:pulseGlow 2s infinite}.service-indicator{transition:opacity var(--transition-fast)}.service-indicator:hover{opacity:.8}.bg-orb{position:absolute;border-radius:50%;filter:blur(120px);z-index:0;opacity:.12;pointer-events:none}.orb-1{width:30vw;height:30vw;background:var(--accent-primary);top:10%;left:10%;animation:orb-float-1 28s infinite alternate ease-in-out}.orb-2{width:25vw;height:25vw;background:var(--accent-secondary);bottom:10%;right:10%;animation:orb-float-2 32s infinite alternate ease-in-out}.orb-3{width:35vw;height:35vw;background:var(--accent-deep);top:60%;left:40%;animation:orb-float-3 36s infinite alternate ease-in-out}@keyframes orb-float-1{0%{transform:translate(0) scale(1)}33%{transform:translate(30vw,40vh) scale(1.2)}66%{transform:translate(60vw,10vh) scale(.9)}to{transform:translate(80vw,60vh) scale(1.1)}}@keyframes orb-float-2{0%{transform:translate(0) scale(1)}33%{transform:translate(-40vw,-20vh) scale(1.1)}66%{transform:translate(-20vw,-60vh) scale(.8)}to{transform:translate(-70vw,-40vh) scale(1.2)}}@keyframes orb-float-3{0%{transform:translate(0) scale(1)}33%{transform:translate(20vw,-40vh) scale(1.3)}66%{transform:translate(-30vw,-20vh) scale(.9)}to{transform:translate(-10vw,30vh) scale(1.1)}}.panel-close-button:hover{background:var(--bg-hover);border-color:var(--border-default);color:var(--text-primary)}.panel-view-profile-button:hover{background:var(--bg-tertiary);border-color:var(--border-default);color:var(--text-primary)}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{margin-top:16px;margin-bottom:8px;font-weight:600;line-height:1.25;color:var(--text-primary)}.markdown h1{font-size:1.5em}.markdown h2{font-size:1.3em}.markdown h3{font-size:1.15em}.markdown h4,.markdown h5,.markdown h6{font-size:1em}.markdown p{margin:0 0 10px;line-height:1.6}.markdown p:last-child{margin-bottom:0}.markdown ul,.markdown ol{margin:8px 0;padding-left:24px}.markdown li{margin:4px 0;line-height:1.6}.markdown code{padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:4px;color:var(--accent-primary)}.markdown pre{margin:12px 0;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto}.markdown pre code{padding:0;background:transparent;border:none;color:var(--text-primary);font-size:.85em}.markdown blockquote{margin:12px 0;padding-left:16px;border-left:3px solid var(--accent-primary);color:var(--text-secondary)}.markdown a{color:var(--accent-primary);text-decoration:none}.markdown a:hover{text-decoration:underline}.markdown hr{margin:16px 0;border:none;border-top:1px solid var(--border-default)}.markdown table{width:100%;margin:12px 0;border-collapse:collapse}.markdown th,.markdown td{padding:8px 12px;border:1px solid var(--border-default);text-align:left}.markdown th{background:var(--bg-tertiary);font-weight:600}.markdown strong{font-weight:600;color:var(--text-primary)}.markdown em{font-style:italic}.tiptap{flex:1;padding:12px 16px;font-size:13px;line-height:1.65;color:var(--text-primary);font-family:inherit;outline:none;overflow-y:auto;min-height:120px}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.tiptap p{margin:0 0 .6em}.tiptap p:last-child{margin-bottom:0}.tiptap h1,.tiptap h2{margin:.8em 0 .4em;font-weight:600;line-height:1.3;color:var(--text-primary)}.tiptap h1{font-size:1.4em}.tiptap h2{font-size:1.2em}.tiptap strong{font-weight:600}.tiptap em{font-style:italic}.tiptap u{text-decoration:underline}.tiptap s{text-decoration:line-through;color:var(--text-muted)}.tiptap ul,.tiptap ol{margin:.4em 0;padding-left:1.5em}.tiptap li{margin:.15em 0}.tiptap li p{margin:0}.tiptap blockquote{margin:.6em 0;padding-left:14px;border-left:3px solid var(--accent-primary);color:var(--text-secondary)}.tiptap blockquote p{margin:0}.tiptap code{padding:1px 5px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:3px;color:var(--accent-primary)}.tiptap pre{margin:.6em 0;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow-x:auto}.tiptap pre code{padding:0;background:transparent;border:none;color:var(--text-primary);font-size:.85em}.tiptap hr{margin:1em 0;border:none;border-top:1px solid var(--border-default)}.tiptap ::selection{background:#6366f140}.reply-toolbar-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.composer-icon-btn:hover:not(:disabled){color:var(--text-primary)}.composer-icon-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-primary) 60%,transparent);outline-offset:2px}.composer-icon-btn:disabled{opacity:.4;cursor:not-allowed}.composer-icon-btn--active{color:var(--error)!important}.composer-icon-btn--active:hover:not(:disabled){color:var(--error)}.composer-send-btn:hover:not(:disabled){background:var(--accent-deep);box-shadow:0 1px 2px #0003,0 8px 20px -4px color-mix(in srgb,var(--accent-primary) 75%,transparent)}.composer-send-btn:active:not(:disabled){transform:scale(.97)}.composer-send-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-primary) 80%,transparent);outline-offset:2px}.composer-send-btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}.composer-stop-btn:hover:not(:disabled){background:color-mix(in srgb,var(--error) 28%,transparent)}.composer-stop-btn:active:not(:disabled){transform:scale(.97)}.composer-stop-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--error) 70%,transparent);outline-offset:2px}.composer-stop-btn:disabled{opacity:.45;cursor:not-allowed}.composer-card textarea:focus,.composer-card textarea:focus-visible{outline:none;box-shadow:none}.chat-md>*:last-child,.chat-md p:last-child,.chat-md ul:last-child,.chat-md ol:last-child,.chat-md pre:last-child,.chat-md blockquote:last-child{margin-bottom:0}.chat-md li:last-child{margin-bottom:0}.chat-md p{margin:0 0 14px;line-height:1.65}.chat-md ul,.chat-md ol{margin:12px 0;padding-left:24px}.chat-md li{margin:6px 0;line-height:1.65}.chat-md h1,.chat-md h2,.chat-md h3,.chat-md h4{margin-top:18px;margin-bottom:10px}.chat-md h1:first-child,.chat-md h2:first-child,.chat-md h3:first-child,.chat-md h4:first-child{margin-top:0}.chat-md pre,.chat-md blockquote{margin:14px 0}.chat-md--compact{font-size:13px}.chat-md--compact p{margin:0 0 6px;line-height:1.55}.chat-md--compact ul,.chat-md--compact ol{margin:0 0 6px;padding-left:20px}.chat-md--compact li{margin:0 0 3px;line-height:1.55}.chat-md--compact pre{margin:4px 0 6px;padding:8px 10px;font-size:12px}.chat-md--compact code{font-size:.88em}.chat-md--compact h1,.chat-md--compact h2,.chat-md--compact h3,.chat-md--compact h4{margin-top:8px;margin-bottom:6px}.chat-md--compact h1{font-size:1.25em}.chat-md--compact h2{font-size:1.15em}.chat-md--compact h3{font-size:1.05em}.chat-md--compact h4{font-size:1em}.chat-md--compact blockquote{margin:6px 0;padding-left:12px}