:root{color-scheme:dark;--bg-primary: #000000;--bg-secondary: #0E0E0F;--bg-tertiary: #141416;--bg-elevated: #1A1B1E;--layer-blur-overlay: rgba(255, 255, 255, .07);--layer-bg-1: var(--bg-primary);--layer-bg-2: var(--bg-secondary);--layer-bg-3: var(--bg-tertiary);--layer-bg-4: var(--bg-elevated);--border-subtle: #1F2023;--border-default: #2A2C30;--border-strong: #3A3D42;--text-primary: #FFFFFF;--text-secondary: #C9CCD1;--text-muted: #8E9198;--text-disabled: #5E6066;--delta-ahead: #00E676;--delta-behind: #FF3B30;--delta-neutral: #8E9198;--status-success: var(--delta-ahead);--status-error: var(--delta-behind);--status-warning: #F59E0B;--status-info: #94A3B8;--status-action: #3B7CF6;--card-bg: #0E0E0F;--card-border: #1F2023;--card-shadow: 0 4px 12px rgba(0, 0, 0, .25);--glass-bg: rgba(14, 14, 15, .85);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 10px 24px rgba(0, 0, 0, .4);--toast-surface: var(--bg-tertiary);--toast-surface-glass: #141416;--toast-surface-inverted: #FFFFFF;--toast-surface-glass-inverted: #FFFFFF;--toast-border-inverted: #D6DBE3;--toast-text-primary-inverted: #111318;--toast-text-muted-inverted: #5D6674;--graph-current: #FFFFFF;--graph-ghost: #6B6E74;--graph-ahead-fill: rgba(0, 230, 118, .15);--graph-behind-fill: rgba(255, 59, 48, .15);--btn-primary-bg: #FFFFFF;--btn-primary-text: #000000;--btn-secondary-bg: #1A1B1E;--btn-secondary-text: #FFFFFF;--btn-danger-bg: #FF3B30;--btn-danger-text: #FFFFFF;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--legacy-accent-yellow: #EAB308;--legacy-accent-yellow-soft: rgba(234, 179, 8, .1);--legacy-accent-blue: #60A5FA;--legacy-accent-red: #F87171;--legacy-success: #22C55E;--legacy-success-bright: #4ADE80;--legacy-success-soft: rgba(22, 163, 74, .2);--legacy-success-border: rgba(22, 163, 74, .5);--legacy-danger: #EF4444;--legacy-danger-strong: #DC2626;--legacy-warning: #FB923C;--legacy-warning-soft: rgba(249, 115, 22, .1);--legacy-warning-border: rgba(249, 115, 22, .3);--legacy-pro-accent: #3B7CF6;--legacy-pro-accent-soft: rgba(59, 124, 246, .12);--legacy-pro-accent-border: rgba(59, 124, 246, .25);--legacy-mock-accent: #A855F7;--legacy-mock-accent-soft: rgba(168, 85, 247, .15);--legacy-mock-text: #C084FC;--legacy-mock-panel-bg: rgba(88, 28, 135, .12);--legacy-mock-panel-border: rgba(168, 85, 247, .35);--legacy-mock-entry: #9333EA;--legacy-surface-strong: #09090B;--legacy-surface-translucent-1: rgba(24, 24, 27, .3);--legacy-surface-translucent-2: rgba(24, 24, 27, .4);--legacy-surface-translucent-3: rgba(24, 24, 27, .5);--legacy-surface-translucent-4: rgba(9, 9, 11, .7);--legacy-neutral-500: #71717A;--legacy-neutral-400: #A1A1AA;--legacy-neutral-300: #D4D4D8;--legacy-neutral-600: #52525B;--legacy-overlay-backdrop: rgba(0, 0, 0, .95);--legacy-shadow-soft: 0 1px 3px rgba(0, 0, 0, .4);--legacy-shadow-inset: inset 0 1px 6px rgba(0, 0, 0, .35);--legacy-shadow-modal: 0 24px 80px rgba(0, 0, 0, .6);--toast-info-bg: var(--bg-secondary);--toast-info-border: var(--border-strong);--toast-success-bg: var(--card-bg);--toast-success-border: var(--status-success);--toast-warning-bg: var(--card-bg);--toast-warning-border: var(--status-warning);--toast-error-bg: var(--card-bg);--toast-error-border: var(--status-error);--toast-action-bg: var(--card-bg);--toast-action-border: var(--status-action)}[data-theme=light]{color-scheme:light;--layer-blur-overlay: rgba(0, 0, 0, .5);--bg-primary: #F5F6F8;--bg-secondary: #FFFFFF;--bg-tertiary: #ECEFF3;--bg-elevated: #E2E6EB;--layer-bg-1: var(--bg-primary);--layer-bg-2: var(--bg-secondary);--layer-bg-3: var(--bg-tertiary);--layer-bg-4: var(--bg-elevated);--border-subtle: #D6DBE3;--border-default: #C4CBD6;--border-strong: #A8B1BF;--text-primary: #111318;--text-secondary: #2B3038;--text-muted: #5D6674;--text-disabled: #848D9A;--graph-current: #111318;--graph-ghost: #727C8D;--card-bg: #FFFFFF;--card-border: #D6DBE3;--card-shadow: 0 2px 8px rgba(17, 19, 24, .08);--glass-bg: rgba(255, 255, 255, .92);--glass-border: rgba(17, 19, 24, .1);--glass-shadow: 0 10px 24px rgba(17, 19, 24, .12);--toast-surface: var(--card-bg);--toast-surface-glass: var(--card-bg);--toast-surface-inverted: #141416;--toast-surface-glass-inverted: #141416;--toast-border-inverted: #1F2023;--toast-text-primary-inverted: #FFFFFF;--toast-text-muted-inverted: #8E9198;--btn-primary-bg: #111318;--btn-primary-text: #FFFFFF;--btn-secondary-bg: #ECEFF3;--btn-secondary-text: #111318;--legacy-surface-strong: #FFFFFF;--legacy-surface-translucent-1: rgba(255, 255, 255, .75);--legacy-surface-translucent-2: rgba(255, 255, 255, .85);--legacy-surface-translucent-3: rgba(255, 255, 255, .92);--legacy-surface-translucent-4: rgba(255, 255, 255, .95);--legacy-neutral-500: #5D6674;--legacy-neutral-400: #6B7584;--legacy-neutral-300: #4C5563;--legacy-neutral-600: #8A93A0;--legacy-overlay-backdrop: rgba(240, 244, 249, .92);--legacy-accent-yellow-soft: rgba(234, 179, 8, .16);--legacy-shadow-soft: 0 1px 3px rgba(17, 19, 24, .16);--legacy-shadow-inset: inset 0 1px 4px rgba(17, 19, 24, .08);--legacy-shadow-modal: 0 24px 80px rgba(17, 19, 24, .18);--toast-info-bg: var(--bg-secondary);--toast-info-border: var(--border-default);--toast-success-bg: var(--card-bg);--toast-success-border: var(--status-success);--toast-warning-bg: var(--card-bg);--toast-warning-border: var(--status-warning);--toast-error-bg: var(--card-bg);--toast-error-border: var(--status-error);--toast-action-bg: var(--card-bg);--toast-action-border: var(--status-action)}[data-theme=dark-v2]{color-scheme:dark;--layer-blur-overlay: rgba(255, 255, 255, .07);--bg-secondary: #131315;--bg-tertiary: #1A1B1E;--bg-elevated: #222428;--border-subtle: #2A2C30;--border-default: #3A3D42;--border-strong: #4A4E56}[data-theme=light-v2]{color-scheme:light;--layer-blur-overlay: rgba(0, 0, 0, .5);--bg-primary: #EFF1F3;--bg-secondary: #FFFFFF;--bg-tertiary: #E8EAED;--bg-elevated: #DDE1E6;--border-subtle: #BEC5CE;--border-default: #A0A8B2;--border-strong: #808890;--text-primary: #000000;--text-secondary: #2B3038;--text-muted: #5D6674;--text-disabled: #848D9A;--delta-ahead: #007A40;--delta-behind: #C8001A;--graph-current: #000000;--graph-ghost: #727C8D;--btn-primary-bg: #000000;--btn-primary-text: #FFFFFF;--btn-secondary-bg: #E8EAED;--btn-secondary-text:#000000;--btn-danger-bg: #C8001A;--legacy-surface-strong: #FFFFFF;--legacy-surface-translucent-1: rgba(255, 255, 255, .75);--legacy-surface-translucent-2: rgba(255, 255, 255, .85);--legacy-surface-translucent-3: rgba(255, 255, 255, .92);--legacy-surface-translucent-4: rgba(255, 255, 255, .95);--legacy-neutral-500: #5D6674;--legacy-neutral-400: #6B7584;--legacy-neutral-300: #4C5563;--legacy-neutral-600: #8A93A0;--legacy-overlay-backdrop: rgba(240, 244, 249, .92);--legacy-accent-yellow-soft: rgba(234, 179, 8, .16);--legacy-shadow-soft: 0 1px 3px rgba(17, 19, 24, .16);--legacy-shadow-inset: inset 0 1px 4px rgba(17, 19, 24, .08);--legacy-shadow-modal: 0 24px 80px rgba(17, 19, 24, .18);--toast-info-bg: var(--bg-secondary);--toast-info-border: var(--border-default);--toast-success-bg: var(--card-bg);--toast-success-border: var(--status-success);--toast-warning-bg: var(--card-bg);--toast-warning-border: var(--status-warning);--toast-error-bg: var(--card-bg);--toast-error-border: var(--status-error);--toast-action-bg: var(--card-bg);--toast-action-border: var(--status-action)}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary)}.mono{font-family:var(--font-mono)}@keyframes historySkeletonPulse{0%{opacity:.5}50%{opacity:.9}to{opacity:.5}}.history-skeleton-pulse{animation:historySkeletonPulse 1.35s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.history-skeleton-pulse{animation:none;opacity:.72}}