[data-theme=light],:root{--base00: #f8f9fa;--base01: #ffffff;--base02: #e5e7eb;--base03: #9ca3af;--base04: #6b7280;--base05: #1f2937;--base06: #111827;--base07: #030712;--base08: #dc2626;--base09: #ea580c;--base0A: #ca8a04;--base0B: #16a34a;--base0C: #0891b2;--base0D: #2563eb;--base0E: #9333ea;--base0F: #a16207}[data-theme=dark]{--base00: #111827;--base01: #1f2937;--base02: #374151;--base03: #6b7280;--base04: #9ca3af;--base05: #e5e7eb;--base06: #f3f4f6;--base07: #f9fafb;--base08: #f87171;--base09: #fb923c;--base0A: #fbbf24;--base0B: #34d399;--base0C: #22d3ee;--base0D: #60a5fa;--base0E: #c084fc;--base0F: #f97316}[data-theme=renkin-light]{--base00: #fafbfc;--base01: #ffffff;--base02: #e8f4f8;--base03: #94a3b8;--base04: #5a9aae;--base05: #1a6b7d;--base06: #0d5566;--base07: #094555;--base08: #dc2626;--base09: #ea580c;--base0A: #d97706;--base0B: #00e68a;--base0C: #00c8ff;--base0D: #00b8d4;--base0E: #8b5cf6;--base0F: #06b6d4;--chat-user-bg: #7c3aed;--chat-user-text: #ffffff}[data-theme=renkin-dark]{--base00: #05070d;--base01: #0d1117;--base02: #161b22;--base03: #6e7681;--base04: #8dd4e8;--base05: #c5f5ff;--base06: #e0ffff;--base07: #ffffff;--base08: #ff3b3b;--base09: #ff9500;--base0A: #ffea00;--base0B: #00ff88;--base0C: #00e1ff;--base0D: #00ffcc;--base0E: #c77dff;--base0F: #00ffa3;--chat-user-bg: #7c3aed;--chat-user-text: #ffffff}[data-theme=high-contrast-light]{--base00: #ffffff;--base01: #f5f5f5;--base02: #e0e0e0;--base03: #757575;--base04: #424242;--base05: #000000;--base06: #000000;--base07: #000000;--base08: #b71c1c;--base09: #e65100;--base0A: #f57f17;--base0B: #1b5e20;--base0C: #006064;--base0D: #0d47a1;--base0E: #4a148c;--base0F: #bf360c}[data-theme=high-contrast-dark]{--base00: #000000;--base01: #0d0d0d;--base02: #1a1a1a;--base03: #666666;--base04: #b3b3b3;--base05: #ffffff;--base06: #ffffff;--base07: #ffffff;--base08: #ff6b6b;--base09: #ffa94d;--base0A: #ffd43b;--base0B: #69db7c;--base0C: #66d9e8;--base0D: #74c0fc;--base0E: #da77f2;--base0F: #ffa94d}[data-theme=gruvbox-dark]{--base00: #282828;--base01: #3c3836;--base02: #504945;--base03: #665c54;--base04: #bdae93;--base05: #d5c4a1;--base06: #ebdbb2;--base07: #fbf1c7;--base08: #fb4934;--base09: #fe8019;--base0A: #fabd2f;--base0B: #b8bb26;--base0C: #8ec07c;--base0D: #83a598;--base0E: #d3869b;--base0F: #d65d0e}[data-theme=gruvbox-light]{--base00: #fbf1c7;--base01: #ebdbb2;--base02: #d5c4a1;--base03: #bdae93;--base04: #665c54;--base05: #504945;--base06: #3c3836;--base07: #282828;--base08: #9d0006;--base09: #af3a03;--base0A: #b57614;--base0B: #79740e;--base0C: #427b58;--base0D: #076678;--base0E: #8f3f71;--base0F: #d65d0e}[data-theme=dracula]{--base00: #282a36;--base01: #44475a;--base02: #44475a;--base03: #6272a4;--base04: #f8f8f2;--base05: #f8f8f2;--base06: #f8f8f2;--base07: #ffffff;--base08: #ff5555;--base09: #ffb86c;--base0A: #f1fa8c;--base0B: #50fa7b;--base0C: #8be9fd;--base0D: #bd93f9;--base0E: #ff79c6;--base0F: #ffb86c}[data-theme=nord]{--base00: #2e3440;--base01: #3b4252;--base02: #434c5e;--base03: #4c566a;--base04: #d8dee9;--base05: #e5e9f0;--base06: #eceff4;--base07: #ffffff;--base08: #bf616a;--base09: #d08770;--base0A: #ebcb8b;--base0B: #a3be8c;--base0C: #88c0d0;--base0D: #81a1c1;--base0E: #b48ead;--base0F: #5e81ac}[data-theme=solarized-dark]{--base00: #002b36;--base01: #073642;--base02: #586e75;--base03: #657b83;--base04: #839496;--base05: #93a1a1;--base06: #eee8d5;--base07: #fdf6e3;--base08: #dc322f;--base09: #cb4b16;--base0A: #b58900;--base0B: #859900;--base0C: #2aa198;--base0D: #268bd2;--base0E: #6c71c4;--base0F: #d33682}[data-theme=solarized-light]{--base00: #fdf6e3;--base01: #eee8d5;--base02: #93a1a1;--base03: #839496;--base04: #657b83;--base05: #586e75;--base06: #073642;--base07: #002b36;--base08: #dc322f;--base09: #cb4b16;--base0A: #b58900;--base0B: #859900;--base0C: #2aa198;--base0D: #268bd2;--base0E: #6c71c4;--base0F: #d33682}[data-theme=one-dark]{--base00: #282c34;--base01: #353b45;--base02: #3e4451;--base03: #545862;--base04: #565c64;--base05: #abb2bf;--base06: #b6bdca;--base07: #c8ccd4;--base08: #e06c75;--base09: #d19a66;--base0A: #e5c07b;--base0B: #98c379;--base0C: #56b6c2;--base0D: #61afef;--base0E: #c678dd;--base0F: #be5046}[data-theme=monokai]{--base00: #272822;--base01: #383830;--base02: #49483e;--base03: #75715e;--base04: #a59f85;--base05: #f8f8f2;--base06: #f5f4f1;--base07: #f9f8f5;--base08: #f92672;--base09: #fd971f;--base0A: #f4bf75;--base0B: #a6e22e;--base0C: #a1efe4;--base0D: #66d9ef;--base0E: #ae81ff;--base0F: #cc6633}[data-theme=tokyo-night]{--base00: #1a1b26;--base01: #16161e;--base02: #2f3549;--base03: #444b6a;--base04: #787c99;--base05: #a9b1d6;--base06: #cbccd1;--base07: #d5d6db;--base08: #f7768e;--base09: #ff9e64;--base0A: #e0af68;--base0B: #9ece6a;--base0C: #7dcfff;--base0D: #7aa2f7;--base0E: #bb9af7;--base0F: #db4b4b}[data-theme=cyber]{--base00: #04060f;--base01: #0a1024;--base02: #151d3f;--base03: #6c7aa8;--base04: #93a0cf;--base05: #eaf1ff;--base06: #f4f8ff;--base07: #ffffff;--base08: #ff5470;--base09: #ffa35c;--base0A: #ffd479;--base0B: #28e07a;--base0C: #1de9ff;--base0D: #29d2ff;--base0E: #7c5cff;--base0F: #ff5cae}:root,[data-theme=light]{--bg-primary: var(--base00);--bg-secondary: var(--base01);--bg-tertiary: var(--base02);--bg-highlight: color-mix(in srgb, var(--base0D) 10%, var(--base01));--bg-hover: var(--base02);--bg-active: color-mix(in srgb, var(--base0D) 15%, var(--base01));--bg-selected: color-mix(in srgb, var(--base0D) 20%, var(--base01));--text-primary: var(--base05);--text-secondary: var(--base04);--text-muted: var(--base03);--text-inverted: var(--base00);--text-disabled: var(--base03);--border-default: var(--base02);--border-subtle: color-mix(in srgb, var(--base02) 50%, var(--base01));--border-strong: var(--base03);--border-focus: var(--base0D);--primary: var(--base0D);--primary-hover: color-mix(in srgb, var(--base0D) 85%, var(--base07));--primary-active: color-mix(in srgb, var(--base0D) 70%, var(--base07));--primary-subtle: color-mix(in srgb, var(--base0D) 10%, var(--base01));--primary-text: var(--base07);--success: var(--base0B);--success-subtle: color-mix(in srgb, var(--base0B) 10%, var(--base01));--success-text: var(--base07);--warning: var(--base0A);--warning-subtle: color-mix(in srgb, var(--base0A) 10%, var(--base01));--warning-text: var(--base00);--danger: var(--base08);--danger-subtle: color-mix(in srgb, var(--base08) 10%, var(--base01));--danger-text: var(--base07);--info: var(--base0C);--info-subtle: color-mix(in srgb, var(--base0C) 10%, var(--base01));--info-text: var(--base07);--accent-purple: var(--base0E);--accent-purple-subtle: color-mix(in srgb, var(--base0E) 10%, var(--base01));--accent-orange: var(--base09);--accent-orange-subtle: color-mix(in srgb, var(--base09) 10%, var(--base01));--accent-brown: var(--base0F);--shadow-color: var(--base06);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--shadow-color) 5%, transparent);--shadow-md: 0 4px 6px color-mix(in srgb, var(--shadow-color) 10%, transparent);--shadow-lg: 0 10px 15px color-mix(in srgb, var(--shadow-color) 15%, transparent);--focus-ring: 0 0 0 2px var(--bg-secondary), 0 0 0 4px var(--primary);--scrollbar-track: var(--base01);--scrollbar-thumb: var(--base03);--scrollbar-thumb-hover: var(--base04);--code-bg: var(--base01);--code-text: var(--base05);--code-keyword: var(--base0E);--code-string: var(--base0B);--code-number: var(--base09);--code-function: var(--base0D);--code-comment: var(--base03);--code-variable: var(--base08);--status-pending: var(--base0A);--status-processing: var(--base0D);--status-complete: var(--base0B);--status-error: var(--base08);--status-skipped: var(--base03);--diff-added-bg: color-mix(in srgb, var(--base0B) 15%, var(--base01));--diff-added-text: var(--base0B);--diff-removed-bg: color-mix(in srgb, var(--base08) 15%, var(--base01));--diff-removed-text: var(--base08);--diff-changed-bg: color-mix(in srgb, var(--base0A) 15%, var(--base01));--diff-changed-text: var(--base0A)}[data-theme=dark]{--bg-primary: var(--base00);--bg-secondary: var(--base01);--bg-tertiary: var(--base02);--bg-highlight: color-mix(in srgb, var(--base0D) 10%, var(--base01));--bg-hover: var(--base02);--bg-active: color-mix(in srgb, var(--base0D) 15%, var(--base01));--bg-selected: color-mix(in srgb, var(--base0D) 20%, var(--base01));--text-primary: var(--base05);--text-secondary: var(--base04);--text-muted: var(--base03);--text-inverted: var(--base00);--text-disabled: var(--base03);--border-default: var(--base02);--border-subtle: color-mix(in srgb, var(--base02) 50%, var(--base01));--border-strong: var(--base03);--border-focus: var(--base0D);--primary: var(--base0D);--primary-hover: color-mix(in srgb, var(--base0D) 85%, var(--base07));--primary-active: color-mix(in srgb, var(--base0D) 70%, var(--base07));--primary-subtle: color-mix(in srgb, var(--base0D) 10%, var(--base01));--primary-text: var(--base07);--success: var(--base0B);--success-subtle: color-mix(in srgb, var(--base0B) 10%, var(--base01));--success-text: var(--base07);--warning: var(--base0A);--warning-subtle: color-mix(in srgb, var(--base0A) 10%, var(--base01));--warning-text: var(--base00);--danger: var(--base08);--danger-subtle: color-mix(in srgb, var(--base08) 10%, var(--base01));--danger-text: var(--base07);--info: var(--base0C);--info-subtle: color-mix(in srgb, var(--base0C) 10%, var(--base01));--info-text: var(--base07);--accent-purple: var(--base0E);--accent-purple-subtle: color-mix(in srgb, var(--base0E) 10%, var(--base01));--accent-orange: var(--base09);--accent-orange-subtle: color-mix(in srgb, var(--base09) 10%, var(--base01));--accent-brown: var(--base0F);--shadow-color: var(--base06);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--shadow-color) 5%, transparent);--shadow-md: 0 4px 6px color-mix(in srgb, var(--shadow-color) 10%, transparent);--shadow-lg: 0 10px 15px color-mix(in srgb, var(--shadow-color) 15%, transparent);--focus-ring: 0 0 0 2px var(--bg-secondary), 0 0 0 4px var(--primary);--scrollbar-track: var(--base01);--scrollbar-thumb: var(--base03);--scrollbar-thumb-hover: var(--base04);--code-bg: var(--base01);--code-text: var(--base05);--code-keyword: var(--base0E);--code-string: var(--base0B);--code-number: var(--base09);--code-function: var(--base0D);--code-comment: var(--base03);--code-variable: var(--base08);--status-pending: var(--base0A);--status-processing: var(--base0D);--status-complete: var(--base0B);--status-error: var(--base08);--status-skipped: var(--base03);--diff-added-bg: color-mix(in srgb, var(--base0B) 15%, var(--base01));--diff-added-text: var(--base0B);--diff-removed-bg: color-mix(in srgb, var(--base08) 15%, var(--base01));--diff-removed-text: var(--base08);--diff-changed-bg: color-mix(in srgb, var(--base0A) 15%, var(--base01));--diff-changed-text: var(--base0A)}[data-theme=high-contrast-dark]{--bg-primary: var(--base00);--bg-secondary: var(--base01);--bg-tertiary: var(--base02);--bg-highlight: color-mix(in srgb, var(--base0D) 15%, var(--base01));--bg-hover: var(--base02);--bg-active: color-mix(in srgb, var(--base0D) 20%, var(--base01));--bg-selected: color-mix(in srgb, var(--base0D) 25%, var(--base01));--text-primary: var(--base05);--text-secondary: var(--base04);--text-muted: var(--base03);--text-inverted: var(--base00);--text-disabled: var(--base03);--border-default: var(--base02);--border-subtle: var(--base02);--border-strong: var(--base03);--border-focus: var(--base0D);--primary: var(--base0D);--primary-hover: color-mix(in srgb, var(--base0D) 85%, var(--base07));--primary-active: color-mix(in srgb, var(--base0D) 70%, var(--base07));--primary-subtle: color-mix(in srgb, var(--base0D) 15%, var(--base01));--primary-text: var(--base00);--success: var(--base0B);--success-subtle: color-mix(in srgb, var(--base0B) 15%, var(--base01));--success-text: var(--base00);--warning: var(--base0A);--warning-subtle: color-mix(in srgb, var(--base0A) 15%, var(--base01));--warning-text: var(--base00);--danger: var(--base08);--danger-subtle: color-mix(in srgb, var(--base08) 15%, var(--base01));--danger-text: var(--base00);--info: var(--base0C);--info-subtle: color-mix(in srgb, var(--base0C) 15%, var(--base01));--info-text: var(--base00);--accent-purple: var(--base0E);--accent-purple-subtle: color-mix(in srgb, var(--base0E) 15%, var(--base01));--accent-orange: var(--base09);--accent-orange-subtle: color-mix(in srgb, var(--base09) 15%, var(--base01));--accent-brown: var(--base0F);--shadow-color: var(--base07);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--shadow-color) 10%, transparent);--shadow-md: 0 4px 6px color-mix(in srgb, var(--shadow-color) 15%, transparent);--shadow-lg: 0 10px 15px color-mix(in srgb, var(--shadow-color) 20%, transparent);--focus-ring: 0 0 0 3px var(--bg-secondary), 0 0 0 5px var(--primary);--scrollbar-track: var(--base01);--scrollbar-thumb: var(--base03);--scrollbar-thumb-hover: var(--base04);--code-bg: var(--base01);--code-text: var(--base05);--code-keyword: var(--base0E);--code-string: var(--base0B);--code-number: var(--base09);--code-function: var(--base0D);--code-comment: var(--base03);--code-variable: var(--base08);--status-pending: var(--base0A);--status-processing: var(--base0D);--status-complete: var(--base0B);--status-error: var(--base08);--status-skipped: var(--base03);--diff-added-bg: color-mix(in srgb, var(--base0B) 20%, var(--base01));--diff-added-text: var(--base0B);--diff-removed-bg: color-mix(in srgb, var(--base08) 20%, var(--base01));--diff-removed-text: var(--base08);--diff-changed-bg: color-mix(in srgb, var(--base0A) 20%, var(--base01));--diff-changed-text: var(--base0A)}[data-theme=high-contrast-light]{--bg-primary: var(--base00);--bg-secondary: var(--base01);--bg-tertiary: var(--base02);--bg-highlight: color-mix(in srgb, var(--base0D) 15%, var(--base01));--bg-hover: var(--base02);--bg-active: color-mix(in srgb, var(--base0D) 20%, var(--base01));--bg-selected: color-mix(in srgb, var(--base0D) 25%, var(--base01));--text-primary: var(--base05);--text-secondary: var(--base04);--text-muted: var(--base03);--text-inverted: var(--base00);--text-disabled: var(--base03);--border-default: var(--base02);--border-subtle: var(--base02);--border-strong: var(--base03);--border-focus: var(--base0D);--primary: var(--base0D);--primary-hover: color-mix(in srgb, var(--base0D) 85%, var(--base00));--primary-active: color-mix(in srgb, var(--base0D) 70%, var(--base00));--primary-subtle: color-mix(in srgb, var(--base0D) 15%, var(--base01));--primary-text: var(--base00);--success: var(--base0B);--success-subtle: color-mix(in srgb, var(--base0B) 15%, var(--base01));--success-text: var(--base00);--warning: var(--base0A);--warning-subtle: color-mix(in srgb, var(--base0A) 15%, var(--base01));--warning-text: var(--base00);--danger: var(--base08);--danger-subtle: color-mix(in srgb, var(--base08) 15%, var(--base01));--danger-text: var(--base00);--info: var(--base0C);--info-subtle: color-mix(in srgb, var(--base0C) 15%, var(--base01));--info-text: var(--base00);--accent-purple: var(--base0E);--accent-purple-subtle: color-mix(in srgb, var(--base0E) 15%, var(--base01));--accent-orange: var(--base09);--accent-orange-subtle: color-mix(in srgb, var(--base09) 15%, var(--base01));--accent-brown: var(--base0F);--shadow-color: var(--base05);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--shadow-color) 10%, transparent);--shadow-md: 0 4px 6px color-mix(in srgb, var(--shadow-color) 15%, transparent);--shadow-lg: 0 10px 15px color-mix(in srgb, var(--shadow-color) 20%, transparent);--focus-ring: 0 0 0 3px var(--bg-secondary), 0 0 0 5px var(--primary);--scrollbar-track: var(--base01);--scrollbar-thumb: var(--base03);--scrollbar-thumb-hover: var(--base04);--code-bg: var(--base01);--code-text: var(--base05);--code-keyword: var(--base0E);--code-string: var(--base0B);--code-number: var(--base09);--code-function: var(--base0D);--code-comment: var(--base03);--code-variable: var(--base08);--status-pending: var(--base0A);--status-processing: var(--base0D);--status-complete: var(--base0B);--status-error: var(--base08);--status-skipped: var(--base03);--diff-added-bg: color-mix(in srgb, var(--base0B) 20%, var(--base01));--diff-added-text: var(--base0B);--diff-removed-bg: color-mix(in srgb, var(--base08) 20%, var(--base01));--diff-removed-text: var(--base08);--diff-changed-bg: color-mix(in srgb, var(--base0A) 20%, var(--base01));--diff-changed-text: var(--base0A)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-theme=gruvbox-dark],[data-theme=dracula],[data-theme=nord],[data-theme=solarized-dark],[data-theme=one-dark],[data-theme=monokai],[data-theme=tokyo-night],[data-theme=renkin-dark]{--bg-primary: var(--base00);--bg-secondary: var(--base01);--bg-tertiary: var(--base02);--bg-highlight: color-mix(in srgb, var(--base0D) 10%, var(--base01));--bg-hover: var(--base02);--bg-active: color-mix(in srgb, var(--base0D) 15%, var(--base01));--bg-selected: color-mix(in srgb, var(--base0D) 20%, var(--base01));--text-primary: var(--base05);--text-secondary: var(--base04);--text-muted: var(--base03);--text-inverted: var(--base00);--text-disabled: var(--base03);--border-default: var(--base02);--border-subtle: color-mix(in srgb, var(--base02) 50%, var(--base01));--border-strong: var(--base03);--border-focus: var(--base0D);--primary: var(--base0D);--primary-hover: color-mix(in srgb, var(--base0D) 85%, var(--base07));--primary-active: color-mix(in srgb, var(--base0D) 70%, var(--base07));--primary-subtle: color-mix(in srgb, var(--base0D) 10%, var(--base01));--primary-text: var(--base07);--success: var(--base0B);--success-subtle: color-mix(in srgb, var(--base0B) 10%, var(--base01));--success-text: var(--base07);--warning: var(--base0A);--warning-subtle: color-mix(in srgb, var(--base0A) 10%, var(--base01));--warning-text: var(--base00);--danger: var(--base08);--danger-subtle: color-mix(in srgb, var(--base08) 10%, var(--base01));--danger-text: var(--base07);--info: var(--base0C);--info-subtle: color-mix(in srgb, var(--base0C) 10%, var(--base01));--info-text: var(--base07);--accent-purple: var(--base0E);--accent-purple-subtle: color-mix(in srgb, var(--base0E) 10%, var(--base01));--accent-orange: var(--base09);--accent-orange-subtle: color-mix(in srgb, var(--base09) 10%, var(--base01));--accent-brown: var(--base0F);--shadow-color: var(--base00);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--shadow-color) 20%, transparent);--shadow-md: 0 4px 6px color-mix(in srgb, var(--shadow-color) 30%, transparent);--shadow-lg: 0 10px 15px color-mix(in srgb, var(--shadow-color) 40%, transparent);--focus-ring: 0 0 0 2px var(--bg-secondary), 0 0 0 4px var(--primary);--scrollbar-track: var(--base01);--scrollbar-thumb: var(--base03);--scrollbar-thumb-hover: var(--base04);--code-bg: var(--base01);--code-text: var(--base05);--code-keyword: var(--base0E);--code-string: var(--base0B);--code-number: var(--base09);--code-function: var(--base0D);--code-comment: var(--base03);--code-variable: var(--base08);--status-pending: var(--base0A);--status-processing: var(--base0D);--status-complete: var(--base0B);--status-error: var(--base08);--status-skipped: var(--base03);--diff-added-bg: color-mix(in srgb, var(--base0B) 15%, var(--base01));--diff-added-text: var(--base0B);--diff-removed-bg: color-mix(in srgb, var(--base08) 15%, var(--base01));--diff-removed-text: var(--base08);--diff-changed-bg: color-mix(in srgb, var(--base0A) 15%, var(--base01));--diff-changed-text: var(--base0A);--chat-user-bg: #3b82f6;--chat-user-text: #ffffff}[data-theme=renkin-dark]{--primary-text: #05070d;--success-text: #05070d;--info-text: #05070d;--warning-text: #05070d;--danger-text: #ffffff}[data-theme=gruvbox-light],[data-theme=solarized-light],[data-theme=renkin-light]{--bg-primary: var(--base00);--bg-secondary: var(--base01);--bg-tertiary: var(--base02);--bg-highlight: color-mix(in srgb, var(--base0D) 10%, var(--base01));--bg-hover: var(--base02);--bg-active: color-mix(in srgb, var(--base0D) 15%, var(--base01));--bg-selected: color-mix(in srgb, var(--base0D) 20%, var(--base01));--text-primary: var(--base05);--text-secondary: var(--base04);--text-muted: var(--base03);--text-inverted: var(--base00);--text-disabled: var(--base03);--border-default: var(--base02);--border-subtle: color-mix(in srgb, var(--base02) 50%, var(--base01));--border-strong: var(--base03);--border-focus: var(--base0D);--primary: var(--base0D);--primary-hover: color-mix(in srgb, var(--base0D) 85%, var(--base07));--primary-active: color-mix(in srgb, var(--base0D) 70%, var(--base07));--primary-subtle: color-mix(in srgb, var(--base0D) 10%, var(--base01));--primary-text: var(--base00);--success: var(--base0B);--success-subtle: color-mix(in srgb, var(--base0B) 10%, var(--base01));--success-text: var(--base00);--warning: var(--base0A);--warning-subtle: color-mix(in srgb, var(--base0A) 10%, var(--base01));--warning-text: var(--base00);--danger: var(--base08);--danger-subtle: color-mix(in srgb, var(--base08) 10%, var(--base01));--danger-text: var(--base00);--info: var(--base0C);--info-subtle: color-mix(in srgb, var(--base0C) 10%, var(--base01));--info-text: var(--base00);--accent-purple: var(--base0E);--accent-purple-subtle: color-mix(in srgb, var(--base0E) 10%, var(--base01));--accent-orange: var(--base09);--accent-orange-subtle: color-mix(in srgb, var(--base09) 10%, var(--base01));--accent-brown: var(--base0F);--shadow-color: var(--base03);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--shadow-color) 10%, transparent);--shadow-md: 0 4px 6px color-mix(in srgb, var(--shadow-color) 15%, transparent);--shadow-lg: 0 10px 15px color-mix(in srgb, var(--shadow-color) 20%, transparent);--focus-ring: 0 0 0 2px var(--bg-secondary), 0 0 0 4px var(--primary);--scrollbar-track: var(--base01);--scrollbar-thumb: var(--base03);--scrollbar-thumb-hover: var(--base04);--code-bg: var(--base01);--code-text: var(--base05);--code-keyword: var(--base0E);--code-string: var(--base0B);--code-number: var(--base09);--code-function: var(--base0D);--code-comment: var(--base03);--code-variable: var(--base08);--status-pending: var(--base0A);--status-processing: var(--base0D);--status-complete: var(--base0B);--status-error: var(--base08);--status-skipped: var(--base03);--diff-added-bg: color-mix(in srgb, var(--base0B) 15%, var(--base01));--diff-added-text: var(--base0B);--diff-removed-bg: color-mix(in srgb, var(--base08) 15%, var(--base01));--diff-removed-text: var(--base08);--diff-changed-bg: color-mix(in srgb, var(--base0A) 15%, var(--base01));--diff-changed-text: var(--base0A);--chat-user-bg: #3b82f6;--chat-user-text: #ffffff}[data-theme=custom]{--bg-primary: var(--base00);--bg-secondary: var(--base01);--bg-tertiary: var(--base02);--bg-highlight: color-mix(in srgb, var(--base0D) 10%, var(--base01));--bg-hover: var(--base02);--bg-active: color-mix(in srgb, var(--base0D) 15%, var(--base01));--bg-selected: color-mix(in srgb, var(--base0D) 20%, var(--base01));--text-primary: var(--base05);--text-secondary: var(--base04);--text-muted: var(--base03);--text-inverted: var(--base00);--text-disabled: var(--base03);--border-default: var(--base02);--border-subtle: color-mix(in srgb, var(--base02) 50%, var(--base01));--border-strong: var(--base03);--border-focus: var(--base0D);--primary: var(--base0D);--primary-hover: color-mix(in srgb, var(--base0D) 85%, var(--base07));--primary-active: color-mix(in srgb, var(--base0D) 70%, var(--base07));--primary-subtle: color-mix(in srgb, var(--base0D) 10%, var(--base01));--primary-text: var(--base07);--success: var(--base0B);--success-subtle: color-mix(in srgb, var(--base0B) 10%, var(--base01));--success-text: var(--base07);--warning: var(--base0A);--warning-subtle: color-mix(in srgb, var(--base0A) 10%, var(--base01));--warning-text: var(--base00);--danger: var(--base08);--danger-subtle: color-mix(in srgb, var(--base08) 10%, var(--base01));--danger-text: var(--base07);--info: var(--base0C);--info-subtle: color-mix(in srgb, var(--base0C) 10%, var(--base01));--info-text: var(--base07);--accent-purple: var(--base0E);--accent-purple-subtle: color-mix(in srgb, var(--base0E) 10%, var(--base01));--accent-orange: var(--base09);--accent-orange-subtle: color-mix(in srgb, var(--base09) 10%, var(--base01));--accent-brown: var(--base0F);--shadow-color: var(--base00);--shadow-sm: 0 1px 2px color-mix(in srgb, var(--shadow-color) 20%, transparent);--shadow-md: 0 4px 6px color-mix(in srgb, var(--shadow-color) 30%, transparent);--shadow-lg: 0 10px 15px color-mix(in srgb, var(--shadow-color) 40%, transparent);--focus-ring: 0 0 0 2px var(--bg-secondary), 0 0 0 4px var(--primary);--scrollbar-track: var(--base01);--scrollbar-thumb: var(--base03);--scrollbar-thumb-hover: var(--base04);--code-bg: var(--base01);--code-text: var(--base05);--code-keyword: var(--base0E);--code-string: var(--base0B);--code-number: var(--base09);--code-function: var(--base0D);--code-comment: var(--base03);--code-variable: var(--base08);--status-pending: var(--base0A);--status-processing: var(--base0D);--status-complete: var(--base0B);--status-error: var(--base08);--status-skipped: var(--base03);--diff-added-bg: color-mix(in srgb, var(--base0B) 15%, var(--base01));--diff-added-text: var(--base0B);--diff-removed-bg: color-mix(in srgb, var(--base08) 15%, var(--base01));--diff-removed-text: var(--base08);--diff-changed-bg: color-mix(in srgb, var(--base0A) 15%, var(--base01));--diff-changed-text: var(--base0A)}.theme-menu-container{position:static}.theme-menu-container :where(.sidebar-item){display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-primary);font-size:13px;cursor:pointer}.theme-menu-container :where(.sidebar-item):hover{background:var(--bg-hover)}.theme-menu-container :where(.sidebar-item-icon){display:inline-flex;align-items:center}.theme-menu-popup{position:fixed;left:220px;top:100px;width:280px;max-height:70vh;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);z-index:10000}.theme-menu-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-default);font-weight:600;color:var(--text-primary)}.theme-menu-section{padding:8px 12px}.theme-menu-section:not(:last-child){border-bottom:1px solid var(--border-subtle)}.theme-menu-section-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.theme-menu-grid{display:flex;flex-direction:column;gap:2px}.theme-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.theme-menu-item:hover{background:var(--bg-hover);border-color:var(--border-default)}.theme-menu-item.active{background:var(--primary-subtle);border-color:var(--primary)}.theme-preview{width:20px;height:20px;border-radius:3px;border:1px solid var(--border-default);flex-shrink:0;position:relative;overflow:hidden}.theme-name{flex:1;font-size:12px;color:var(--text-primary)}.theme-check{color:var(--primary);flex-shrink:0}.theme-preview-light{background:linear-gradient(135deg,#fff 50%,#4c4f69 50%)}.theme-preview-dark{background:linear-gradient(135deg,#1e1e2e 50%,#cdd6f4 50%)}.theme-preview-high-contrast-light{background:linear-gradient(135deg,#fff 50%,#000 50%)}.theme-preview-high-contrast-dark{background:linear-gradient(135deg,#000 50%,#fff 50%)}.theme-preview-gruvbox-dark{background:linear-gradient(135deg,#282828 50%,#ebdbb2 50%)}.theme-preview-gruvbox-light{background:linear-gradient(135deg,#fbf1c7 50%,#3c3836 50%)}.theme-preview-dracula{background:linear-gradient(135deg,#282a36 50%,#f8f8f2 50%)}.theme-preview-nord{background:linear-gradient(135deg,#2e3440 50%,#eceff4 50%)}.theme-preview-solarized-dark{background:linear-gradient(135deg,#002b36 50%,#839496 50%)}.theme-preview-solarized-light{background:linear-gradient(135deg,#fdf6e3 50%,#657b83 50%)}.theme-preview-one-dark{background:linear-gradient(135deg,#282c34 50%,#abb2bf 50%)}.theme-preview-monokai{background:linear-gradient(135deg,#272822 50%,#f8f8f2 50%)}.theme-preview-tokyo-night{background:linear-gradient(135deg,#1a1b26 50%,#c0caf5 50%)}.theme-preview-renkin-light{background:linear-gradient(135deg,#fafbfc 50%,#0d5566 50%)}.theme-preview-renkin-dark{background:linear-gradient(135deg,#05070d 50%,#c5f5ff 50%)}.theme-item-actions{display:flex;gap:4px;margin-left:auto}.theme-action-btn{padding:4px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .15s ease}.theme-menu-item:hover .theme-action-btn{opacity:1}.theme-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-action-delete:hover{color:var(--danger)}.theme-menu-create{border-top:1px solid var(--border-default);padding-top:12px}.theme-create-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;background:var(--primary-subtle);border:1px dashed var(--primary);border-radius:6px;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.theme-create-btn:hover{background:var(--primary);border-style:solid;color:var(--primary-text)}.theme-menu-divider{height:1px;background:var(--border-default);margin:0}.theme-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;transition:all .15s ease}.theme-menu-toggle:hover{border-color:var(--border-strong)}.toggle-option{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);transition:color .15s ease}.theme-menu-toggle:not(.active) .toggle-option:first-child{color:var(--text-primary);font-weight:500}.theme-menu-toggle.active .toggle-option:last-child{color:var(--text-primary);font-weight:500}.toggle-switch{width:36px;height:18px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:9px;position:relative;flex-shrink:0}.toggle-indicator{position:absolute;top:2px;width:12px;height:12px;background:var(--primary);border-radius:50%;transition:left .2s ease}.toggle-indicator.left{left:2px}.toggle-indicator.right{left:20px}.theme-menu-hint{display:block;margin-top:8px;font-size:11px;color:var(--text-muted);text-align:center}.theme-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.theme-editor{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;box-shadow:var(--shadow-lg);width:480px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.theme-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default)}.theme-editor-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.theme-editor-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.theme-editor-close:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-editor-body{flex:1;overflow-y:auto;padding:20px}.theme-editor-meta{display:flex;gap:16px;margin-bottom:20px}.theme-editor-field{flex:1}.theme-editor-field label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.theme-editor-field input[type=text]{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:14px}.theme-editor-field input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.theme-editor-category-toggle{display:flex;gap:8px}.theme-editor-category-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease}.theme-editor-category-toggle button:hover{background:var(--bg-hover)}.theme-editor-category-toggle button.active{background:var(--primary-subtle);border-color:var(--primary);color:var(--primary)}.theme-editor-tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--bg-primary);padding:4px;border-radius:8px}.theme-editor-tabs button{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.theme-editor-tabs button:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-editor-tabs button.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.theme-editor-colors{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.color-slot{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:8px}.color-slot-info{display:flex;flex-direction:column;gap:2px}.color-slot-name{font-size:13px;font-weight:500;color:var(--text-primary)}.color-slot-desc{font-size:11px;color:var(--text-muted)}.color-slot-input{display:flex;align-items:center;gap:8px}.color-slot-input input[type=color]{width:32px;height:32px;padding:0;border:2px solid var(--border-default);border-radius:6px;cursor:pointer;background:transparent}.color-slot-input input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-slot-input input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.color-slot-input input[type=text]{width:80px;padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:4px;color:var(--text-primary);font-size:12px;font-family:monospace}.theme-editor-preview{margin-top:16px}.preview-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.preview-box{border-radius:8px;overflow:hidden;border:1px solid var(--border-default)}.preview-bg{padding:16px}.preview-card{padding:12px;border-radius:6px;border:1px solid}.preview-text{font-size:14px;font-weight:500;margin-bottom:4px}.preview-muted{font-size:12px;margin-bottom:12px}.preview-accents{display:flex;gap:6px}.preview-accents span{width:20px;height:20px;border-radius:4px}.theme-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border-default);background:var(--bg-tertiary)}.theme-editor-footer-right{display:flex;gap:8px}.theme-editor-footer button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-default);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-primary{background:var(--primary);border:1px solid var(--primary);color:var(--primary-text)}.btn-primary:hover{background:var(--primary-hover)}.theme-editor-header-actions{display:flex;align-items:center;gap:12px}.live-preview-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer}.live-preview-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary)}.live-preview-toggle span{-webkit-user-select:none;user-select:none}.theme-editor-quick-actions{display:flex;gap:8px;margin-bottom:16px}.btn-action{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-action:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.theme-editor-loaders{display:flex;gap:12px;margin-bottom:16px}.theme-loader-section{flex:1}.theme-loader-section label{display:block;font-size:11px;font-weight:500;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.theme-loader-section select{width:100%;padding:6px 8px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer}.theme-loader-section select:focus{outline:none;border-color:var(--primary)}.theme-editor-url-extract{margin-bottom:16px}.theme-editor-url-extract>label{display:block;font-size:11px;font-weight:500;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.url-extract-input{display:flex;gap:8px}.url-extract-input input[type=url]{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-default);border-radius:6px;color:var(--text-primary);font-size:13px}.url-extract-input input[type=url]:focus{outline:none;border-color:var(--primary)}.url-extract-input input[type=url]::placeholder{color:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.hue-sliders-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.hue-slider-container,.variation-slider-container,.cohesion-slider-container{display:flex;flex-direction:column;gap:4px}.hue-slider-container label,.variation-slider-container label,.cohesion-slider-container label{font-size:11px;color:var(--text-secondary)}.hue-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;cursor:pointer}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border-default);box-shadow:0 1px 3px #0000004d;cursor:pointer}.hue-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border-default);box-shadow:0 1px 3px #0000004d;cursor:pointer}.variation-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;cursor:pointer}.variation-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border-default);box-shadow:0 1px 3px #0000004d;cursor:pointer}.variation-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border-default);box-shadow:0 1px 3px #0000004d;cursor:pointer}.cohesion-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;cursor:pointer;background:var(--bg-tertiary)}.cohesion-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border-default);box-shadow:0 1px 3px #0000004d;cursor:pointer}.cohesion-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border-default);box-shadow:0 1px 3px #0000004d;cursor:pointer}.theme-loader-row{display:flex;gap:8px;align-items:center}.theme-loader-row select{flex:1}.btn-danger{background:var(--danger, #dc3545)!important;color:#fff!important}.btn-danger:hover{background:var(--danger-hover, #c82333)!important}.theme-editor-category-toggle{flex-wrap:wrap}.theme-editor-category-toggle button{font-size:12px;padding:6px 10px}.catalogue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.recipe-card{display:block;border:1px solid var(--rule-soft);border-radius:8px;background:var(--bg-secondary);padding:1rem;text-decoration:none;color:var(--text-primary)}.recipe-card:hover{background:var(--bg-hover)}.recipe-card h3{margin:0 0 .4rem}.recipe-card .meta{font-size:.85rem;color:var(--text-secondary)}.empty-state{border:1px dashed var(--rule-soft);border-radius:8px;padding:2rem;text-align:center;color:var(--text-secondary)}.catalogue-loading{display:grid;gap:.75rem}.catalogue-skeleton{height:4.5rem;border-radius:10px;border:1px solid var(--rule-soft);background:var(--bg-secondary);animation:catalogue-pulse 1.4s ease-in-out infinite}.catalogue-skeleton:nth-child(2){animation-delay:.15s}.catalogue-skeleton:nth-child(3){animation-delay:.3s}.catalogue-loading p{color:var(--text-secondary);font-size:.9rem;margin:0}@keyframes catalogue-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.catalogue-skeleton{animation:none}}.rolodex{display:flex;flex-direction:column;min-height:0;gap:.6rem}.rolodex-head{display:flex;gap:.4rem}.rolodex-search{flex:1 1 auto;min-width:0;border:1px solid var(--rule-soft);border-radius:999px;padding:.45rem .8rem;font-family:inherit;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary)}.rolodex-search:focus{outline:none;border-color:var(--primary)}.rolodex-new{flex:0 0 auto}.rolodex-filters{display:flex;align-items:center;gap:.5rem}.rolodex-category{flex:1 1 auto;min-width:0;border:1px solid var(--rule-soft);border-radius:6px;padding:.35rem .5rem;font-family:inherit;font-size:.9rem;background:var(--bg-secondary);color:var(--text-primary)}.rolodex-count{flex:0 0 auto;font-size:.78rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.rolodex-list{list-style:none;margin:0;padding:0 0 .5rem;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:.35rem;min-height:0}.rolodex-card{display:block;padding:.55rem .7rem;border:1px solid var(--rule-soft);border-radius:10px;background:var(--bg-secondary);text-decoration:none;color:var(--text-primary);transition:transform .12s ease,border-color .12s ease}.rolodex-card:hover{background:var(--bg-hover)}.rolodex-title{display:block;font-weight:600;font-size:.95rem;line-height:1.25}.rolodex-meta{display:block;margin-top:.15rem;font-size:.78rem;color:var(--text-secondary)}.rolodex-cat{display:inline-block;margin-right:.4rem;padding:.02rem .35rem;border-radius:999px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.72rem}.rolodex-made{display:inline-block;margin-top:.25rem;font-size:.74rem;color:var(--success);font-variant-numeric:tabular-nums}.rolodex-card.current{border-color:var(--primary);background:var(--primary-subtle);padding:.8rem;box-shadow:inset 3px 0 0 var(--primary)}.rolodex-card.current .rolodex-title{font-size:1.1rem}.rolodex-empty{color:var(--text-secondary);font-size:.9rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;padding:.5rem .2rem}.flowchart-wrap{overflow-x:auto;overscroll-behavior-x:contain}.flowchart-wrap.at-right{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent 100%)}.flowchart-wrap.at-left{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to left,#000 calc(100% - 28px),transparent 100%)}.flowchart-wrap.at-left.at-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}.flowchart-grid{display:grid;gap:1px;padding:1px;background:var(--rule);--ing-col: 200px;--proc-col: 90px;min-width:640px}@media (max-width: 820px),(hover: none) and (pointer: coarse){.flowchart-grid{--ing-col: max(150px, calc(var(--measure-w, 0px) + 6.5rem));--proc-col: max(66px, var(--proc-min, 0px));min-width:0}}@media (max-height: 560px) and (orientation: landscape){.flowchart-grid{--ing-col: max(230px, calc(var(--measure-w, 0px) + 9rem))}.flowchart-grid .cell{padding-top:.25rem;padding-bottom:.25rem}}@media (max-width: 640px){.flowchart-grid{--ing-col: max(118px, calc(var(--measure-w, 0px) + 7.5rem));--proc-col: max(54px, var(--proc-min, 0px))}.flowchart-grid .cell{padding:.4rem .45rem;font-size:.9rem}.flowchart-grid .ingredient-cell{gap:.35rem}}.flowchart-grid .cell{background:var(--bg-secondary);padding:.5rem .7rem;font-size:1rem;min-width:0;min-height:0}.flowchart-grid .prep-cell{text-align:center;font-weight:600}.flowchart-frame{display:flex;align-items:flex-start}.flowchart-frame>.flowchart-grid{flex:1 1 auto}.bracket-gutter{position:relative;flex:0 0 auto;align-self:stretch}.bracket{position:absolute;right:4px;display:flex;align-items:center;gap:4px}.bracket-total{font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.bracket-shape{align-self:stretch;width:7px;border-left:1px solid var(--border-strong);border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);border-radius:4px 0 0 4px}.flowchart-grid .ingredient-cell{text-align:left;display:flex;align-items:baseline;gap:.55rem}.flowchart-grid .ing-measure{flex:0 0 var(--measure-w, 0px);text-align:right;color:var(--text-secondary);white-space:nowrap}.flowchart-grid .ing-name{flex:1 1 auto;white-space:pre-line}.flowchart-grid .action-cell{text-align:center;font-weight:600;white-space:pre-line;display:flex;flex-direction:column;align-items:center;justify-content:center}.flowchart-grid .action-cell.root-cell{color:var(--accent-orange)}.flowchart-grid.walkthrough .ingredient-cell{cursor:pointer;-webkit-user-select:none;user-select:none}.flowchart-grid .ingredient-cell.checked{background:var(--success-subtle);text-decoration:line-through;color:var(--text-secondary)}.flowchart-grid .ingredient-cell.feeds{background:color-mix(in srgb,var(--primary) 22%,var(--bg-secondary));box-shadow:inset 4px 0 0 var(--primary)}.flowchart-grid .ingredient-cell.checked.feeds{background:color-mix(in srgb,var(--success-subtle) 60%,color-mix(in srgb,var(--primary) 22%,var(--bg-secondary)))}.flowchart-grid .ingredient-cell.feeds-muted{background:color-mix(in srgb,var(--primary) 8%,var(--bg-secondary));box-shadow:inset 4px 0 color-mix(in srgb,var(--primary) 40%,var(--bg-secondary))}.flowchart-grid .ingredient-cell.checked.feeds-muted{background:color-mix(in srgb,var(--success-subtle) 60%,var(--bg-secondary))}.flowchart-grid.walkthrough .action-cell{cursor:pointer;-webkit-user-select:none;user-select:none}.flowchart-grid .action-cell.done{background:var(--success-subtle)}.flowchart-grid .action-cell.current{background:var(--warning-subtle);box-shadow:inset 0 0 0 2px var(--warning)}.flowchart-grid .action-cell.highlighted:not(.current){background:var(--info-subtle);box-shadow:inset 0 0 0 2px var(--info)}.walkthrough-bar{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;flex-wrap:wrap}@media (max-width: 820px),(hover: none) and (pointer: coarse){.walkthrough-bar{position:sticky;top:var(--sticky-top, 3.5rem);z-index:15;background:var(--bg-primary);padding:.5rem 0;margin-bottom:.5rem;gap:.4rem}.walkthrough-bar .step-label{flex:1 1 100%;font-size:.9rem}.walkthrough-bar .spacer{display:none}.walkthrough-bar .btn{flex:1 1 0;justify-content:center}}.walkthrough-bar .step-label{font-weight:600}.walkthrough-bar .spacer{flex:1}.term{position:relative;border-bottom:1px dotted var(--text-muted);cursor:help}.term .tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:220px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:6px;padding:.45rem .6rem;font-size:.85rem;font-weight:400;white-space:normal;text-align:left;line-height:1.3;box-shadow:var(--shadow-md);visibility:hidden;opacity:0;transition:opacity .12s ease;z-index:5;pointer-events:none;max-width:0;overflow:hidden}.term:hover .tooltip,.term:focus .tooltip,.term:focus-visible .tooltip{visibility:visible;opacity:1;max-width:220px;overflow:visible}.shopping-list{border:1px solid var(--rule-soft);background:var(--bg-secondary);border-radius:8px;padding:.9rem 1.1rem;margin-bottom:1rem}.shopping-list ul{margin:0;padding-left:1.2rem}.shopping-list>ul{columns:2;column-gap:2rem}.shopping-list li{break-inside:avoid;margin-bottom:.35rem}.shopping-list .qty{font-weight:600}.shopping-list .breakdown{color:var(--text-secondary);font-size:.85rem}.shopping-list .sub-list{margin:.15rem 0 0;padding-left:1.1rem;font-size:.9rem;color:var(--text-secondary)}.shopping-list .sub-list li{margin-bottom:.1rem}@media (max-width: 640px){.shopping-list>ul{columns:1}}.cook-log{margin-top:1.25rem;border-top:1px solid var(--rule-soft);padding-top:.9rem}.cook-log-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.cook-log-head h3{margin:0;font-size:1.05rem}.cook-log-hint{color:var(--text-secondary);font-size:.9rem;margin:.5rem 0 0}.cook-log-form{display:flex;gap:.4rem;margin:.7rem 0 .2rem}.cook-log-form input{flex:1 1 auto;min-width:0;border:1px solid var(--rule-soft);border-radius:6px;padding:.5rem .6rem;font-family:inherit;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary)}.cook-log-form input:focus{outline:none;border-color:var(--primary)}.batch-list{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.batch{border:1px solid var(--rule-soft);border-radius:8px;padding:.55rem .7rem;background:var(--bg-secondary)}.batch.active{border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.batch-head{display:flex;align-items:baseline;gap:.5rem}.batch-when{font-weight:600;font-size:.9rem}.batch-badge{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--primary);border:1px solid var(--primary);border-radius:999px;padding:.05rem .45rem}.batch-empty{margin:.35rem 0 0;color:var(--text-secondary);font-size:.85rem}.batch-notes{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.batch-notes li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem;font-size:.92rem}.note-time{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:.8rem}.note-step{font-size:.78rem;color:var(--text-secondary);font-style:italic}.note-source{font-size:.8rem}.note-text{flex:1 1 auto;min-width:0}.readback-prompt{display:block;width:100%;text-align:left;border:1px solid var(--rule);border-radius:10px;padding:.7rem .95rem;margin-bottom:1rem;background:var(--bg-secondary);cursor:pointer;font:inherit;color:inherit}.readback-prompt-title{display:block;font-weight:600}.readback-prompt-sub{display:block;font-size:.85rem;color:var(--text-secondary)}.readback{border:1px solid var(--rule);border-radius:10px;padding:1rem;margin-bottom:1.25rem;background:var(--bg-secondary)}.readback-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.readback-findings{border-left:3px solid var(--text-primary);padding:.5rem .75rem;margin-bottom:.9rem}.readback-findings ul{margin:.4rem 0;padding-left:1.1rem;font-size:.9rem}.readback-caveat{font-size:.8rem;color:var(--text-secondary)}.readback-steps{margin:.9rem 0;padding-left:1.2rem}.readback-steps li{margin-bottom:.7rem}.readback-steps li.playing .readback-say{font-weight:600}.readback-actions{display:flex;align-items:center;gap:.5rem;margin-top:.3rem;font-size:.85rem}.readback-action{color:var(--text-secondary);min-width:6rem}.editor-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1.2fr);gap:2rem;align-items:start}@media (max-width: 900px){.editor-layout{grid-template-columns:1fr}}.field{margin-bottom:1.1rem}.field label{display:block;font-weight:600;margin-bottom:.3rem}.field input[type=text],.field textarea{width:100%;border:1px solid var(--rule-soft);border-radius:4px;padding:.4rem .55rem;font-family:inherit;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary)}.field input[type=text]:focus,.field textarea:focus{outline:none;border-color:var(--primary)}.line-list{display:flex;flex-direction:column;gap:.4rem}.line-row{display:flex;gap:.4rem}.line-row input{flex:1}.icon-btn{border:1px solid var(--rule-soft);background:var(--bg-secondary);border-radius:4px;width:2rem;color:var(--danger);font-weight:700;line-height:1}.icon-btn:hover{background:var(--danger-subtle)}.add-line-btn{align-self:flex-start;border:1px dashed var(--rule-soft);background:transparent;border-radius:4px;padding:.3rem .6rem;color:var(--text-primary);font-size:.9rem}.add-line-btn:hover{border-color:var(--primary)}.stage-card{border:1px solid var(--rule-soft);border-radius:8px;padding:.9rem 1rem;margin-bottom:1rem;background:var(--bg-secondary)}.stage-card-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.stage-card-head .step-index{font-weight:700;color:var(--primary);min-width:1.6rem}.stage-card-head input[type=text]{flex:1;font-weight:600}.combine-list{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin:.3rem 0 .7rem}.combine-list label{font-weight:400;display:flex;align-items:center;gap:.3rem;font-size:.92rem}.combine-list label.disabled{opacity:.4}.section-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.2rem}.errors-box{border:1px solid var(--danger);background:var(--danger-subtle);border-radius:6px;padding:.7rem 1rem;margin-bottom:1rem}.errors-box ul{margin:.3rem 0 0;padding-left:1.2rem}.preview-pane{position:sticky;top:1rem}.editor-actions{display:flex;gap:.6rem;margin:1.5rem 0}.draft-box{border:1px solid var(--rule);border-radius:10px;padding:.9rem 1rem;margin-bottom:1.25rem;background:var(--bg-secondary)}.draft-box label{display:block;font-weight:600;margin-bottom:.5rem}.draft-row{display:flex;gap:.5rem}.draft-row input{flex:1 1 auto;min-width:0}.draft-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--text-secondary)}.draft-error{margin:.5rem 0 0;color:var(--danger, #b00)}.draft-warnings{margin:.6rem 0 0;padding-left:1.1rem;font-size:.85rem;color:var(--text-secondary)}.voice-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.7rem;font-size:.9rem}.voice-toggle{display:inline-flex;align-items:center;gap:.45rem}.voice-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--text-muted)}.voice-toggle.listening{border-color:var(--danger);color:var(--danger)}.voice-toggle.listening .voice-dot{background:var(--danger);animation:voice-pulse 1.4s ease-in-out infinite}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.voice-toggle.listening .voice-dot{animation:none}}.voice-heard,.voice-feedback{color:var(--text-secondary);flex:1 1 12rem;min-width:0}.voice-feedback{color:var(--primary)}.voice-timer,.voice-alarm{display:inline-flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums;border:1px solid var(--rule-soft);border-radius:999px;padding:.25rem .7rem}.voice-alarm{border-color:var(--danger);color:var(--danger);font-weight:600}.linkish{background:none;border:none;padding:0;color:inherit;text-decoration:underline;font:inherit;cursor:pointer;opacity:.8}.account{position:relative}.account-panel{position:absolute;right:0;top:calc(100% + .4rem);z-index:50;width:min(22rem,80vw);border:1px solid var(--rule);border-radius:10px;padding:.9rem;background:var(--bg-primary);box-shadow:var(--shadow-lg)}.account-panel input{width:100%;margin-bottom:.5rem}.account-plan{font-size:.85rem;color:var(--text-secondary);margin:.4rem 0 .7rem}.account-error{color:var(--danger, #b00);font-size:.85rem;margin:.2rem 0 .6rem}.account-actions{display:flex;justify-content:space-between;gap:.5rem}.account-backup{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}.account-danger-link{color:var(--danger);border-color:transparent;font-size:.85rem;padding-inline:0;text-align:left}.account-danger{border-top:1px solid var(--border, rgba(128, 128, 128, .3));margin-top:.5rem;padding-top:.75rem;display:grid;gap:.5rem}.account-legal{display:flex;gap:1rem;margin:.75rem 0 0;font-size:.78rem}.account-legal a{color:var(--text-muted)}.admin{max-width:60rem;margin:0 auto;padding-bottom:7rem}.admin-head h2{margin-bottom:.25rem}.admin-sub,.admin-blurb{color:var(--text-secondary);margin-top:0;max-width:60ch}.admin-loading,.admin-denied{max-width:40rem;margin:3rem auto;color:var(--text-secondary)}.admin-warn{border:1px solid var(--warning);background:var(--warning-subtle);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px}.chain{margin:1.5rem 0 2.5rem}.chain-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:0;padding:0;border:1px solid var(--border-strong);border-radius:10px;overflow:hidden}.chain-link{border-left:1px solid var(--border-default);padding:.7rem .85rem;display:flex;flex-direction:column;gap:.15rem;background:var(--bg-secondary);min-width:0}.chain-link:first-child{border-left:0}.chain-link{box-shadow:inset 0 3px 0 var(--border-strong)}.chain-link.is-ok{box-shadow:inset 0 3px 0 var(--base0B)}.chain-link.is-off{box-shadow:inset 0 3px 0 var(--border-strong)}.chain-link.is-down{box-shadow:inset 0 3px 0 var(--danger);background:var(--danger-subtle)}.chain-label{font-weight:600;font-size:.9rem}.chain-detail{font-size:.75rem;color:var(--text-muted);line-height:1.3}.chain-legend{font-size:.8rem;color:var(--text-muted);margin:.6rem 0 0;max-width:70ch}@media (max-width: 44rem){.chain-track{grid-template-columns:1fr}.chain-link{border-left:0;border-top:1px solid var(--border-default);box-shadow:inset 3px 0 0 var(--border-strong)}.chain-link:first-child{border-top:0}.chain-link.is-ok{box-shadow:inset 3px 0 0 var(--base0B)}.chain-link.is-down{box-shadow:inset 3px 0 0 var(--danger)}}.admin-group{border-top:1px solid var(--border-default);padding-top:1.5rem;margin-top:2rem}.admin-group h3{margin:0 0 .25rem}.admin-fields{display:grid;gap:1.25rem;margin-top:1.25rem}@media (min-width: 46rem){.admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-field label{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;font-weight:600;font-size:.9rem;margin-bottom:.35rem}.admin-field input,.admin-field select{width:100%;padding:.5rem .6rem;border:1px solid var(--border-strong);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.95rem}.admin-field input[type=text],.admin-field input[type=password]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}.admin-field.edited input,.admin-field.edited select{border-color:var(--primary)}.admin-req{font-weight:400;font-size:.75rem;color:var(--text-muted)}.admin-source{font-weight:400;font-size:.7rem;padding:.1rem .4rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-muted)}.admin-source.is-env{border-color:var(--info);color:var(--info)}.admin-source.is-edited{border-color:var(--primary);color:var(--primary)}.admin-help{font-size:.78rem;color:var(--text-muted);margin:.35rem 0 0;line-height:1.4}.admin-clearing{color:var(--danger)}.admin-revert{background:none;border:0;padding:.3rem 0;color:var(--primary);font-size:.78rem;text-align:left}.admin-test{margin-top:1.25rem;display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.admin-result{margin:.4rem 0 0;font-size:.85rem;flex:1 1 20rem;line-height:1.45}.admin-result.ok{color:var(--base0B)}.admin-result.bad{color:var(--danger)}.admin-counts{display:flex;gap:1.25rem;flex-wrap:wrap;margin:1rem 0;color:var(--text-secondary);font-size:.9rem}.usage-days{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.3rem}.usage-days li{display:grid;grid-template-columns:3rem 1fr 5rem;align-items:center;gap:.6rem;font-size:.8rem}.usage-date,.usage-total{color:var(--text-muted);font-variant-numeric:tabular-nums}.usage-total{text-align:right}.usage-bar{display:flex;height:.7rem;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.usage-seg.is-gate{background:var(--base0E)}.usage-seg.is-speech{background:var(--base0C)}.usage-seg.is-intent{background:var(--primary)}.usage-heading{margin:1.75rem 0 .5rem;font-size:.9rem}.usage-spenders{list-style:none;margin:0;padding:0;font-size:.85rem}.usage-spenders li{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid var(--border-default);color:var(--text-secondary)}.admin-audit{list-style:none;margin:1rem 0 0;padding:0;font-size:.82rem}.admin-audit li{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;padding:.3rem 0;border-bottom:1px solid var(--border-default)}.admin-audit code{font-size:.8rem}.admin-audit-when{margin-left:auto;color:var(--text-muted)}.admin-save{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap;padding:.85rem 0;margin-top:2rem;background:var(--bg-primary);border-top:1px solid var(--border-default)}.admin-save.active{border-top-color:var(--primary)}.admin-dirty{color:var(--primary);font-size:.85rem}.admin-note{color:var(--text-secondary);font-size:.85rem;margin-right:auto}@media (prefers-reduced-motion: no-preference){.admin-save{transition:border-color .15s ease}}.admin-result.warn{color:var(--warning)}.accounts{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.5rem}.account-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.6rem 0;border-bottom:1px solid var(--border-default)}.account-who{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;min-width:0}.account-meta{font-size:.78rem;color:var(--text-muted)}.account-tag{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;padding:.05rem .4rem;border-radius:999px;border:1px solid var(--border-strong);color:var(--text-muted)}.account-tag.is-lapsed{border-color:var(--warning);color:var(--warning)}.account-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.account-controls select,.account-controls input[type=date]{padding:.35rem .5rem;border:1px solid var(--border-strong);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.85rem}@font-face{font-family:Open Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(./open-sans-latin-CWNzRldh.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Open Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(./open-sans-latin-ext-DPNHYqvY.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{font-family:Open Sans,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{--rule: color-mix(in srgb, var(--border-strong) 70%, var(--bg-secondary));--rule-soft: var(--border-default)}body[data-theme=cyber]{--bg-primary: var(--base00);--bg-secondary: var(--base01);--bg-tertiary: var(--base02);--bg-hover: var(--base02);--text-primary: var(--base05);--text-secondary: var(--base04);--text-muted: var(--base03);--border-default: var(--base02);--border-strong: var(--base03);--primary: var(--base0D);--primary-hover: color-mix(in srgb, var(--base0D) 85%, var(--base07));--primary-subtle: color-mix(in srgb, var(--base0D) 10%, var(--base01));--primary-text: var(--base00);--success-subtle: color-mix(in srgb, var(--base0B) 15%, var(--base01));--warning: var(--base0A);--warning-subtle: color-mix(in srgb, var(--base0A) 15%, var(--base01));--info: var(--base0C);--info-subtle: color-mix(in srgb, var(--base0C) 15%, var(--base01));--danger: var(--base08);--danger-subtle: color-mix(in srgb, var(--base08) 15%, var(--base01));--accent-orange: var(--base09);--shadow-md: 0 4px 6px color-mix(in srgb, var(--base00) 40%, transparent)}*{box-sizing:border-box}html,body,#root{height:100%}a{color:var(--primary)}button{font-family:inherit;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{max-width:1100px;margin:0 auto;padding:1.5rem max(1.25rem,env(safe-area-inset-right)) max(4rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.top-nav{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.top-nav-actions{display:flex;gap:.6rem;align-items:center}.top-nav h1{margin:0;font-size:1.6rem;letter-spacing:.02em}.label-short{display:none}.app-body{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:start}.app-main{min-width:0}.top-nav .drawer-toggle{display:inline-flex;align-items:center;order:-1}.app-body .drawer-scrim{display:none}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;width:min(78vw,320px);max-height:none;background:var(--bg-primary);border-right:1px solid var(--rule-soft);padding:max(.75rem,env(safe-area-inset-top)) .75rem max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));transform:translate(-102%);transition:transform .22s ease}.drawer-open .app-sidebar{transform:none;box-shadow:var(--shadow-lg)}.drawer-open .app-body .drawer-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:color-mix(in srgb,var(--base00, #000) 55%,transparent)}@media (prefers-reduced-motion: reduce){.app-sidebar{transition:none}}.top-nav h1 a{color:var(--text-primary);text-decoration:none}.btn{display:inline-block;border:1px solid var(--rule-soft);background:var(--bg-secondary);color:var(--text-primary);padding:.45rem .9rem;border-radius:6px;font-size:.95rem;text-decoration:none}.btn:hover{background:var(--bg-hover)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.danger:hover{background:var(--danger-subtle)}.btn[disabled]{opacity:.4;cursor:not-allowed}.notes-box{border:1px solid var(--rule-soft);background:var(--bg-secondary);border-radius:8px;padding:.7rem 1rem;margin-bottom:1rem}.notes-box p{margin:.3rem 0 0;white-space:pre-line}.notes-box>summary{cursor:pointer;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}@media (max-height: 560px) and (orientation: landscape){header.top-nav{padding-top:.25rem;padding-bottom:.25rem;margin-bottom:.4rem;border-bottom:1px solid var(--rule-soft)}.top-nav h1{font-size:.95rem}.top-nav h1 .label-short{display:none}header.top-nav button,header.top-nav .btn{min-height:30px;padding:.15rem .55rem;font-size:.85rem}.voice-bar{margin-bottom:.35rem;gap:.4rem;font-size:.8rem}.voice-bar .btn{min-height:28px;padding:.1rem .5rem;font-size:.8rem}.voice-heard,.voice-feedback{flex:1 1 6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walkthrough-bar{position:static!important;padding:0;margin-bottom:.4rem;gap:.35rem}.walkthrough-bar .step-label{flex:1 1 auto;font-size:.85rem}.app-shell{padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:.5rem}.recipe-layout{display:flex;align-items:flex-start;gap:.7rem}.recipe-rail{flex:0 0 clamp(150px,26%,210px);display:flex;flex-direction:column;gap:.4rem;border-right:1px solid var(--rule-soft);padding-right:.7rem}.recipe-main{flex:1 1 auto;min-width:0}.recipe-head{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;margin:0}.recipe-head h2{font-size:1rem;line-height:1.25}.recipe-actions{flex-direction:column;overflow:visible}.recipe-actions .btn{justify-content:center}.notes-box{padding:.35rem .7rem;margin:0}}@media (max-width: 820px),(hover: none) and (pointer: coarse){.app-shell{padding-top:0}header.top-nav{position:sticky;top:0;z-index:20;margin:0 calc(-1*max(1.25rem,env(safe-area-inset-left))) 1rem;padding:max(.75rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) .75rem max(1.25rem,env(safe-area-inset-left));flex-wrap:nowrap;align-items:center;gap:.5rem;background:var(--bg-primary);border-bottom:1px solid var(--rule-soft)}.top-nav h1{font-size:1.15rem;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.top-nav-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.label-full{display:none}.label-short{display:inline}.btn{min-height:44px;display:inline-flex;align-items:center;padding:.5rem .8rem}.recipe-actions{display:flex;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:.15rem}.recipe-actions::-webkit-scrollbar{display:none}.recipe-actions .btn{flex:0 0 auto;white-space:nowrap}}@media (max-width: 820px),(hover: none) and (pointer: coarse){.recipe-layout.cooking .recipe-head h2,.recipe-layout.cooking .recipe-actions,.recipe-layout.cooking .notes-box{display:none}.recipe-layout.cooking .recipe-rail{padding-bottom:0}}.pending-fix{border:1px solid var(--rule);border-left:3px solid var(--text-primary);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;background:var(--bg-secondary)}.pending-fix p{margin:.4rem 0 .6rem}.memory{margin:1.25rem 0}.memory-note{border:1px solid var(--rule-soft);border-radius:8px;padding:.6rem .85rem;margin-bottom:.5rem;background:var(--bg-secondary)}.memory-note.pending{border-color:var(--rule);border-left:3px solid var(--text-primary)}.memory-note p{margin:.3rem 0}.memory-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--text-secondary);font-size:.8rem}.load-error{border:1px solid var(--rule);border-left:3px solid var(--text-primary);border-radius:8px;padding:.9rem 1rem;margin-bottom:1rem;background:var(--bg-secondary)}.load-error p{margin:0 0 .5rem}.load-error-detail{font-size:.8rem;color:var(--text-secondary)}