.thread-list{display:flex;flex-direction:column;height:100%;background:var(--color-background)}.thread-list--loading,.thread-list--error{justify-content:center;align-items:center;padding:var(--spacing-lg)}.thread-list__loading-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:.875rem}.thread-list__error-message{color:var(--color-danger);font-size:.875rem;text-align:center}.thread-list__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);gap:var(--spacing-sm)}.thread-list__title{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0;flex:1}.thread-list__header-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.thread-list__items{flex:1;overflow-y:auto}.thread-list__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.thread-list__empty-text{color:var(--color-text);font-size:.875rem;margin:0 0 var(--spacing-sm)}.thread-list__empty-hint{color:var(--color-text-secondary);font-size:.75rem;margin:0;max-width:200px}.thread-list-item{display:flex;align-items:center;gap:6px;min-width:0;margin:2px 6px;padding:2px 8px 2px 6px;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-text);cursor:pointer;font-family:var(--font-sans);font-size:.8125rem;line-height:1.4;transition:background-color var(--transition-speed-fast) var(--transition-easing)}.thread-list-item:hover{background:var(--sidebar-row-hover)}.thread-list-item:focus{outline:none;background:var(--sidebar-row-hover)}.thread-list-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.thread-list-item--selected,.thread-list-item--selected:hover{background:var(--sidebar-row-active)}.thread-list-item__status{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px}.thread-list-item__status-glyph{width:14px;height:14px}.thread-list-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-list-item__timestamp{flex-shrink:0;color:var(--color-text-secondary);font-size:.6875rem;line-height:1.4;text-align:right;white-space:nowrap}.thread-list__collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing)}.thread-list__collapse-btn:hover{background:var(--color-background-secondary);color:var(--color-text)}.thread-list__collapse-btn svg{width:16px;height:16px}.thread-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);position:absolute;top:0;left:0;right:0;z-index:var(--z-sticky);pointer-events:none}.thread-list-header__agent-slot{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;pointer-events:auto}.thread-list-header__expand-btn,.thread-list-header__new-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--border-radius);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-speed) var(--transition-easing);flex-shrink:0}.thread-list-header__expand-btn:hover,.thread-list-header__new-btn:hover{background:var(--color-background-secondary);color:var(--color-text)}.thread-list-header__expand-btn svg,.thread-list-header__new-btn svg{width:16px;height:16px}.thread-list-header__selector-wrapper{position:relative;flex:1;min-width:0}.thread-list-header__selector{display:flex;align-items:center;gap:var(--spacing-xs);max-width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background);color:var(--color-text);cursor:pointer;font-family:var(--font-mono);font-size:.8125rem;transition:all var(--transition-speed) var(--transition-easing);text-align:left}.thread-list-header__selector:hover,.thread-list-header__selector--active{border-color:var(--color-primary);background:var(--color-background-secondary)}.thread-list-header__selector-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-list-header__selector-chevron{flex-shrink:0;color:var(--color-text-secondary);transition:transform var(--transition-speed) var(--transition-easing)}.thread-list-header__selector--active .thread-list-header__selector-chevron{transform:rotate(180deg)}.thread-list-header__dropdown{position:fixed;top:auto;left:auto;right:auto;z-index:var(--z-modal);max-height:400px;min-width:280px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);display:flex;flex-direction:column;font-family:var(--font-sans);line-height:1.4;animation:header-dropdown-slide var(--transition-speed-fast) var(--transition-easing-out);margin-top:var(--spacing-xs)}@keyframes header-dropdown-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.thread-list-header__dropdown-search{padding:0 8px;border-bottom:0}.thread-list-header__dropdown-title{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;line-height:1}.thread-list-header__dropdown-items{flex:1;overflow-y:auto;max-height:320px;padding:4px 0 6px}.thread-list-header__dropdown-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.thread-list-header__dropdown-empty--loading{display:flex;align-items:center;justify-content:center}.thread-list-header__stats-wrapper{position:relative;flex-shrink:0;margin-left:auto}.thread-list-header__stats-wrapper .ui-button{display:flex;align-items:center;gap:var(--spacing-xs)}.thread-list-header__stats-dropdown{position:absolute;top:100%;right:0;z-index:var(--z-dropdown);min-width:200px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:var(--spacing-sm);margin-top:var(--spacing-xs);animation:header-dropdown-slide var(--transition-speed-fast) var(--transition-easing-out)}.thread-list-header__stats-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.thread-list-header__stats-label{color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.thread-list-header__stats-value{color:var(--color-text);font-family:var(--font-mono)}.thread-list-header__stats-error{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--border-radius);font-size:.75rem;margin-top:var(--spacing-xs)}.thread-list-header__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);row-gap:var(--spacing-xs);margin-left:auto;position:relative;pointer-events:auto}.thread-list-header__actions .ui-button--primary-light.ui-button--square{width:26px;height:26px;background:transparent;border-color:transparent;color:var(--color-text)}.thread-list-header__actions .ui-button--primary-light.ui-button--square:hover:not(:disabled){background:var(--color-secondary-button);border-color:transparent;color:var(--color-text)}.thread-list-header .ui-spinner--small{width:.75em;height:.75em;border-width:1.5px}.thread-list-header__parent-button{white-space:nowrap}.thread-list-header__linear-indicator{position:absolute;top:2px;right:2px}:root{--font-serif: "Libre Baskerville", serif;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Source Code Pro", monospace;--transition-speed: .2s;--transition-speed-fast: .15s;--transition-easing: ease-in-out;--transition-easing-out: ease-out;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-pill: 999px;--border-radius: var(--radius-md);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-smd: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .2);--shadow-popover: 0 8px 28px rgba(0, 0, 0, .16), 0 2px 6px rgba(0, 0, 0, .1);--modal-scrim: rgba(0, 0, 0, .5);--modal-scrim-heavy: rgba(0, 0, 0, .7);--z-behind: -1;--z-base: 0;--z-raised: 1;--z-sticky: 10;--z-sidebar-section: 60;--z-sidebar-item: 70;--z-sidebar-footer: 80;--z-dropdown: 100;--z-header: 150;--z-sidebar-scrim: 199;--z-sidebar: 200;--z-header-menu: 250;--z-popover: 300;--z-menu: 500;--z-modal: 1000;--z-confirm: 1100;--z-toast: 9998;--z-portal-menu: 9999;--z-top: 10000;--neutral-0: #ffffff;--neutral-50: #f8f9fa;--neutral-75: #f5f5f5;--neutral-100: #f1f3f4;--neutral-150: #e5e5e5;--neutral-200: #dedede;--neutral-250: #dddddd;--neutral-300: #cccccc;--neutral-400: #a1a1a1;--neutral-450: #999999;--neutral-475: #909090;--neutral-500: #737373;--neutral-550: #666666;--neutral-600: #555555;--neutral-650: #444444;--neutral-700: #333333;--neutral-800: #2a2a2a;--neutral-900: #1a1a1a;--neutral-950: #141414;--blue-50: #eef3fc;--blue-400: #4488ff;--blue-500: #3366cc;--blue-600: #2a5594;--blue-700: #0066cc;--blue-900: #0d1b35;--violet-50: #f3eeff;--violet-400: #9c6dff;--violet-500: #7c4dff;--violet-600: #6b3de0;--violet-900: #1c0a40;--plum-300: #b9a3df;--plum-700: #72579a;--green-50: #e6f7e9;--green-200: #a5d6a7;--green-400: #66bb6a;--green-600: #2e7d32;--green-800: #1b5e20;--sage-300: #9fbd86;--sage-700: #48704a;--amber-50: #fff4e5;--amber-300: #f4a261;--amber-500: #ed6c02;--amber-700: #c55900;--amber-750: #b45309;--amber-800: #665033;--amber-900: #33261a;--sand-300: #d7b777;--sand-700: #8a6424;--rose-300: #d8a5a5;--rose-700: #9a4f58;--teal-300: #8fb9b3;--teal-700: #3f716c;--red-50: #ffebee;--red-200: #f87171;--red-300: #ef5350;--red-400: #ef4444;--red-500: #d32f2f;--red-600: #dc2626;--red-650: #c62828;--red-700: #b71c1c;--red-900: #431213;--gold-50: #fff3cd;--gold-100: #ffeaa7;--gold-400: #d4b106;--gold-600: #856404;--gold-700: #665c33;--gold-900: #332c1a;--color-text: var(--neutral-900);--color-text-secondary: var(--neutral-550);--color-text-tertiary: var(--neutral-475);--color-primary: var(--blue-500);--color-primary-dark: var(--blue-600);--color-primary-button: var(--neutral-900);--color-secondary-button: var(--neutral-75);--color-secondary-button-hover: var(--neutral-150);--color-tertiary-button: var(--neutral-250);--color-tertiary-button-hover: var(--neutral-300);--color-background: var(--neutral-0);--color-background-rgb: 255, 255, 255;--color-background-inverted: var(--neutral-900);--color-background-container: var(--neutral-75);--color-background-secondary: var(--neutral-50);--color-background-tertiary: var(--neutral-100);--color-accent: var(--blue-500);--color-accent-button-text: var(--neutral-0);--color-accent-hover: var(--blue-600);--color-border: var(--neutral-200);--color-code-background: rgba(0, 0, 0, .05);--color-code-block-header-background: var(--neutral-100);--color-code-block-body-background: var(--neutral-50);--color-code-block-border: var(--neutral-300);--color-code-block-gutter: var(--neutral-500);--color-switch-thumb: var(--neutral-0);--color-shine: var(--neutral-0);--color-terminal-background: var(--neutral-950);--color-success: var(--green-600);--color-success-bg: var(--green-50);--color-success-background: var(--green-50);--color-success-border: var(--green-200);--color-success-hover: var(--green-800);--color-warning: var(--amber-750);--color-warning-bg: var(--amber-50);--color-warning-background: var(--amber-50);--color-warning-border: var(--amber-300);--color-warning-hover: var(--amber-700);--color-danger: var(--red-650);--color-danger-fill: var(--red-650);--color-danger-bg: var(--red-50);--color-danger-background: var(--red-50);--color-danger-border: var(--red-300);--color-danger-hover: var(--red-700);--color-credit-warning: var(--gold-600);--color-credit-warning-bg: var(--gold-50);--color-credit-warning-background: var(--gold-50);--color-credit-warning-border: var(--gold-100);--color-credit-warning-link: var(--blue-700);--color-diagram-blue-bg: var(--blue-50);--color-diagram-blue-border: var(--blue-500);--color-diagram-violet-bg: var(--violet-50);--color-diagram-violet-border: var(--violet-500);--color-diagram-green-bg: var(--green-50);--color-diagram-green-border: var(--green-600);--color-diagram-amber-bg: var(--amber-50);--color-diagram-amber-border: var(--amber-500);--color-diagram-neutral-bg: var(--neutral-50);--color-diagram-neutral-border: var(--neutral-550);--color-syntax-key: var(--plum-700);--color-syntax-keyword: var(--plum-700);--color-syntax-string: var(--sage-700);--color-syntax-number: var(--sand-700);--color-syntax-bool: var(--rose-700);--color-syntax-definition: var(--color-text);--color-syntax-function: var(--color-text);--color-syntax-type: var(--teal-700);--color-syntax-operator: var(--color-text-secondary);--color-syntax-comment: var(--color-text-secondary);--color-syntax-invalid: var(--color-danger)}@media(prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme=dark]{--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-popover: 0 10px 32px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .4);--modal-scrim: rgba(0, 0, 0, .5);--modal-scrim-heavy: rgba(0, 0, 0, .7);--color-text: var(--neutral-150);--color-text-secondary: var(--neutral-400);--color-text-tertiary: var(--neutral-500);--color-primary: var(--blue-400);--color-primary-dark: var(--blue-500);--color-primary-button: var(--neutral-150);--color-secondary-button: var(--neutral-800);--color-secondary-button-hover: var(--neutral-650);--color-tertiary-button: var(--neutral-650);--color-tertiary-button-hover: var(--neutral-600);--color-background: var(--neutral-900);--color-background-rgb: 26, 26, 26;--color-background-inverted: var(--neutral-150);--color-background-container: var(--neutral-800);--color-background-secondary: var(--neutral-800);--color-background-tertiary: var(--neutral-700);--color-accent: var(--blue-500);--color-accent-button-text: var(--neutral-0);--color-accent-hover: var(--blue-400);--color-border: var(--neutral-650);--color-code-background: rgba(255, 255, 255, .08);--color-code-block-header-background: var(--neutral-800);--color-code-block-body-background: var(--neutral-950);--color-code-block-border: var(--neutral-650);--color-code-block-gutter: var(--neutral-400);--color-switch-thumb: var(--neutral-0);--color-shine: var(--neutral-0);--color-terminal-background: var(--neutral-950);--color-success: var(--green-200);--color-success-bg: var(--green-800);--color-success-background: var(--green-800);--color-success-border: var(--green-600);--color-success-hover: var(--green-400);--color-warning: var(--amber-500);--color-warning-bg: var(--amber-900);--color-warning-background: var(--amber-900);--color-warning-border: var(--amber-800);--color-warning-hover: var(--amber-700);--color-danger: var(--red-200);--color-danger-fill: var(--red-600);--color-danger-bg: var(--red-900);--color-danger-background: var(--red-900);--color-danger-border: var(--red-400);--color-danger-hover: var(--red-600);--color-credit-warning: var(--gold-400);--color-credit-warning-bg: var(--gold-900);--color-credit-warning-background: var(--gold-900);--color-credit-warning-border: var(--gold-700);--color-credit-warning-link: var(--blue-400);--color-diagram-blue-bg: var(--blue-900);--color-diagram-blue-border: var(--blue-400);--color-diagram-violet-bg: var(--violet-900);--color-diagram-violet-border: var(--violet-400);--color-diagram-green-bg: var(--green-800);--color-diagram-green-border: var(--green-400);--color-diagram-amber-bg: var(--amber-900);--color-diagram-amber-border: var(--amber-300);--color-diagram-neutral-bg: var(--neutral-800);--color-diagram-neutral-border: var(--neutral-400);--color-syntax-key: var(--plum-300);--color-syntax-keyword: var(--plum-300);--color-syntax-string: var(--sage-300);--color-syntax-number: var(--sand-300);--color-syntax-bool: var(--rose-300);--color-syntax-definition: var(--color-text);--color-syntax-function: var(--color-text);--color-syntax-type: var(--teal-300);--color-syntax-operator: var(--color-text-secondary);--color-syntax-comment: var(--color-text-secondary);--color-syntax-invalid: var(--color-danger)}}:root[data-theme=dark]{--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-popover: 0 10px 32px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .4);--modal-scrim: rgba(0, 0, 0, .5);--modal-scrim-heavy: rgba(0, 0, 0, .7);--color-text: var(--neutral-150);--color-text-secondary: var(--neutral-400);--color-text-tertiary: var(--neutral-500);--color-primary: var(--blue-400);--color-primary-dark: var(--blue-500);--color-primary-button: var(--neutral-150);--color-secondary-button: var(--neutral-800);--color-secondary-button-hover: var(--neutral-650);--color-tertiary-button: var(--neutral-650);--color-tertiary-button-hover: var(--neutral-600);--color-background: var(--neutral-900);--color-background-rgb: 26, 26, 26;--color-background-inverted: var(--neutral-150);--color-background-container: var(--neutral-800);--color-background-secondary: var(--neutral-800);--color-background-tertiary: var(--neutral-700);--color-accent: var(--blue-500);--color-accent-button-text: var(--neutral-0);--color-accent-hover: var(--blue-400);--color-border: var(--neutral-650);--color-code-background: rgba(255, 255, 255, .08);--color-code-block-header-background: var(--neutral-800);--color-code-block-body-background: var(--neutral-950);--color-code-block-border: var(--neutral-650);--color-code-block-gutter: var(--neutral-400);--color-switch-thumb: var(--neutral-0);--color-shine: var(--neutral-0);--color-terminal-background: var(--neutral-950);--color-success: var(--green-200);--color-success-bg: var(--green-800);--color-success-background: var(--green-800);--color-success-border: var(--green-600);--color-success-hover: var(--green-400);--color-warning: var(--amber-500);--color-warning-bg: var(--amber-900);--color-warning-background: var(--amber-900);--color-warning-border: var(--amber-800);--color-warning-hover: var(--amber-700);--color-danger: var(--red-200);--color-danger-fill: var(--red-600);--color-danger-bg: var(--red-900);--color-danger-background: var(--red-900);--color-danger-border: var(--red-400);--color-danger-hover: var(--red-600);--color-credit-warning: var(--gold-400);--color-credit-warning-bg: var(--gold-900);--color-credit-warning-background: var(--gold-900);--color-credit-warning-border: var(--gold-700);--color-credit-warning-link: var(--blue-400);--color-diagram-blue-bg: var(--blue-900);--color-diagram-blue-border: var(--blue-400);--color-diagram-violet-bg: var(--violet-900);--color-diagram-violet-border: var(--violet-400);--color-diagram-green-bg: var(--green-800);--color-diagram-green-border: var(--green-400);--color-diagram-amber-bg: var(--amber-900);--color-diagram-amber-border: var(--amber-300);--color-diagram-neutral-bg: var(--neutral-800);--color-diagram-neutral-border: var(--neutral-400);--color-syntax-key: var(--plum-300);--color-syntax-keyword: var(--plum-300);--color-syntax-string: var(--sage-300);--color-syntax-number: var(--sand-300);--color-syntax-bool: var(--rose-300);--color-syntax-definition: var(--color-text);--color-syntax-function: var(--color-text);--color-syntax-type: var(--teal-300);--color-syntax-operator: var(--color-text-secondary);--color-syntax-comment: var(--color-text-secondary);--color-syntax-invalid: var(--color-danger)}:root[data-theme=light]{--color-text: var(--neutral-900);--color-text-secondary: var(--neutral-550);--color-text-tertiary: var(--neutral-475);--color-primary: var(--blue-500);--color-primary-dark: var(--blue-600);--color-primary-button: var(--neutral-900);--color-secondary-button: var(--neutral-75);--color-secondary-button-hover: var(--neutral-150);--color-tertiary-button: var(--neutral-250);--color-tertiary-button-hover: var(--neutral-300);--color-background: var(--neutral-0);--color-background-rgb: 255, 255, 255;--color-background-inverted: var(--neutral-900);--color-background-container: var(--neutral-75);--color-background-secondary: var(--neutral-50);--color-background-tertiary: var(--neutral-100);--color-accent: var(--blue-500);--color-accent-button-text: var(--neutral-0);--color-accent-hover: var(--blue-600);--color-border: var(--neutral-200);--color-code-background: rgba(0, 0, 0, .05);--color-code-block-header-background: var(--neutral-100);--color-code-block-body-background: var(--neutral-50);--color-code-block-border: var(--neutral-300);--color-code-block-gutter: var(--neutral-500);--color-switch-thumb: var(--neutral-0);--color-shine: var(--neutral-0);--color-terminal-background: var(--neutral-950);--color-success: var(--green-600);--color-success-bg: var(--green-50);--color-success-background: var(--green-50);--color-success-border: var(--green-200);--color-success-hover: var(--green-800);--color-warning: var(--amber-750);--color-warning-bg: var(--amber-50);--color-warning-background: var(--amber-50);--color-warning-border: var(--amber-300);--color-warning-hover: var(--amber-700);--color-danger: var(--red-650);--color-danger-fill: var(--red-650);--color-danger-bg: var(--red-50);--color-danger-background: var(--red-50);--color-danger-border: var(--red-300);--color-danger-hover: var(--red-700);--color-credit-warning: var(--gold-600);--color-credit-warning-bg: var(--gold-50);--color-credit-warning-background: var(--gold-50);--color-credit-warning-border: var(--gold-100);--color-credit-warning-link: var(--blue-700);--color-diagram-blue-bg: var(--blue-50);--color-diagram-blue-border: var(--blue-500);--color-diagram-violet-bg: var(--violet-50);--color-diagram-violet-border: var(--violet-500);--color-diagram-green-bg: var(--green-50);--color-diagram-green-border: var(--green-600);--color-diagram-amber-bg: var(--amber-50);--color-diagram-amber-border: var(--amber-500);--color-diagram-neutral-bg: var(--neutral-50);--color-diagram-neutral-border: var(--neutral-550);--color-syntax-key: var(--plum-700);--color-syntax-keyword: var(--plum-700);--color-syntax-string: var(--sage-700);--color-syntax-number: var(--sand-700);--color-syntax-bool: var(--rose-700);--color-syntax-definition: var(--color-text);--color-syntax-function: var(--color-text);--color-syntax-type: var(--teal-700);--color-syntax-operator: var(--color-text-secondary);--color-syntax-comment: var(--color-text-secondary);--color-syntax-invalid: var(--color-danger)}:root{--sidebar-bg: var(--color-background);--sidebar-band-bg: color-mix(in srgb, var(--color-text) 4%, var(--sidebar-bg));--sidebar-band-label: color-mix(in srgb, var(--color-text) 55%, transparent);--sidebar-band-label-hover: color-mix(in srgb, var(--color-text) 75%, transparent);--sidebar-band-shadow: color-mix(in srgb, var(--color-text) 10%, transparent);--sidebar-row-hover: color-mix(in srgb, var(--color-text) 6%, transparent);--sidebar-row-active: color-mix(in srgb, var(--color-text) 10%, transparent);--sidebar-row-hover-solid: color-mix(in srgb, var(--color-text) 6%, var(--sidebar-bg));--sidebar-row-active-solid: color-mix(in srgb, var(--color-text) 10%, var(--sidebar-bg));--scrollbar-thumb: color-mix(in srgb, var(--color-text) 16%, transparent);--scrollbar-thumb-hover: color-mix(in srgb, var(--color-text) 28%, transparent);--sidebar-row-selected: color-mix(in srgb, var(--color-primary) 16%, transparent);--sidebar-row-selected-hover: color-mix(in srgb, var(--color-primary) 20%, transparent);--sidebar-lasso-fill: color-mix(in srgb, var(--color-primary) 14%, transparent);--sidebar-row-inset: 6px;--sidebar-band-height: 28px;--toast-font: var(--font-sans)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}@media(hover:hover){:not(:hover)::-webkit-scrollbar-thumb{background-color:transparent}}::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}@media(hover:hover){*:not(:hover){scrollbar-color:transparent transparent}}}body{font-family:var(--font-sans);margin:0 auto;line-height:1.6;color:var(--color-text);background-color:var(--color-background);transition:color var(--transition-speed) var(--transition-easing),background-color var(--transition-speed) var(--transition-easing)}html.plan-editor-page-scroll-lock,body.plan-editor-page-scroll-lock{height:100%;overflow-y:hidden;overscroll-behavior:none}.link{padding-bottom:8px;padding-top:8px;text-decoration:none;font-family:var(--font-mono);color:var(--color-text);position:relative;z-index:var(--z-raised);transition:color var(--transition-speed) var(--transition-easing)}.home-link{padding-bottom:8px;padding-top:8px;text-decoration:none;font-family:var(--font-serif);color:var(--color-text);position:relative;z-index:var(--z-raised);transition:color var(--transition-speed) var(--transition-easing)}.home-link:after,.link:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:50%;transform:translate(-50%);background-color:var(--color-text);transition:width var(--transition-speed) var(--transition-easing)}.home-link:hover:after,.link:hover:after{width:100%}.home-link:focus,.link:focus{outline:none}.home-link:focus:after,.link:focus:after{width:80%}.error-message{background-color:var(--color-danger-background);color:var(--color-danger);padding:var(--spacing-smd) var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-size:.9rem}.skill-command-picker{position:absolute;right:0;bottom:calc(100% + var(--spacing-xs));left:0;z-index:var(--z-popover);max-height:16rem;overflow:auto;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);animation:skill-command-picker-fade-in var(--transition-speed-fast) var(--transition-easing-out)}@keyframes skill-command-picker-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.skill-command-picker__empty{padding:var(--spacing-sm) var(--spacing-smd);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.6875rem}.skill-command-picker__option{display:flex;flex-direction:column;gap:.125rem;width:100%;padding:.4375rem .5625rem;background-color:transparent;color:var(--color-text);border:none;cursor:pointer;font-family:var(--font-sans);font-size:.6875rem;text-align:left;box-sizing:border-box}.skill-command-picker__option:not(:last-child){border-bottom:1px solid var(--color-border)}.skill-command-picker__option--active,.skill-command-picker__option:hover{background-color:var(--color-background-secondary)}.skill-command-picker__option-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);width:100%;min-width:0}.skill-command-picker__option-label{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.skill-command-picker__option-description{display:-webkit-box;overflow:hidden;color:var(--color-text-secondary);font-size:.5625rem;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}