:root,[data-theme=dark-aubergine]{--aubergine-900: #1a0012;--aubergine-800: #2C001E;--aubergine-700: #380a28;--aubergine-600: #42122e;--aubergine-500: #5a2848;--aubergine-400: #7a4568;--aubergine-300: #9a6888;--orange-500: #E95420;--orange-400: #f0783c;--orange-300: #f0a050;--orange-200: #e8c868;--bg-primary: var(--aubergine-800);--bg-secondary: #332730;--bg-surface: rgba(34, 22, 30, .75);--bg-hover: #453540;--bg-terminal: #241a20;--bg-dialog: #2a1a24;--bg-deep: #1e151a;--bg-inset: #120810;--text-primary: #f0e4ea;--text-secondary: #c8b4c0;--text-tertiary: #8d7a85;--border-color: #4a3040;--border-subtle: #655060;--accent: var(--orange-500);--accent-glow: rgba(233, 84, 32, .15);--accent-soft: rgba(233, 84, 32, .08);--accent-muted: rgba(233, 84, 32, .04);--accent-border: rgba(233, 84, 32, .25);--accent-hover: rgba(233, 84, 32, .12);--green: #8bc990;--blue: #89b4fa;--mauve: #c49dd8;--peach: #e8a070;--red: #e86070;--teal: #70c8b8;--overlay-bg: rgba(0, 0, 0, .6);--overlay-light: rgba(0, 0, 0, .3);--overlay-subtle: rgba(0, 0, 0, .2);--overlay-dim: rgba(0, 0, 0, .15);--glass-highlight: rgba(255, 255, 255, .06);--glass-highlight-hover: rgba(255, 255, 255, .1);--glass-faint: rgba(255, 255, 255, .04);--glass-divider: rgba(255, 255, 255, .03);--glass-ultra: rgba(255, 255, 255, .08);--glass-bg: rgba(28, 16, 23, .88);--glass-bg-strong: rgba(28, 16, 23, .95);--glass-bg-medium: rgba(28, 16, 23, .85);--glass-bg-soft: rgba(28, 16, 23, .7);--font-display: "Cantarell", sans-serif;--font-body: "Cantarell", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1);--window-cascade-duration: 50ms;--nav-bg: var(--glass-bg);--card-shadow: 0 2px 8px rgba(0, 0, 0, .3);--card-shadow-hover: 0 6px 24px rgba(233, 84, 32, .12), 0 2px 8px rgba(0, 0, 0, .3);--tag-bg: var(--accent-soft);--tag-border: var(--accent-border);--tag-text: var(--orange-300);--step-teal-bg: rgba(112, 200, 184, .06);--step-tool-bg: rgba(232, 160, 112, .04);--step-mauve-bg: rgba(122, 69, 104, .06);--step-prompt-bg: rgba(233, 84, 32, .1);--step-prompt-answer: rgba(233, 84, 32, .04);--step-prompt-glow: rgba(233, 84, 32, .15);--step-prompt-border: rgba(240, 160, 80, .2);--step-question-bg: rgba(255, 255, 255, .015);--step-table-bg: rgba(255, 255, 255, .03);--step-badge-bg: rgba(0, 0, 0, .25);--dot-red: #ff5f57;--dot-yellow: #f0b030;--dot-green: #28c840;--dot-text: rgba(0, 0, 0, .7);--zoom-controls-bg: rgba(44, 0, 30, .82);--source-gutter-bg: rgba(44, 0, 30, .75);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .3);--shadow-window-0: 0 12px 48px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4);--shadow-window-1: 0 10px 40px rgba(0, 0, 0, .6), 0 3px 10px rgba(0, 0, 0, .3);--shadow-window-2: 0 6px 24px rgba(0, 0, 0, .6);--shadow-window-3: 0 4px 16px rgba(0, 0, 0, .6);--shadow-window-4: 0 2px 10px rgba(0, 0, 0, .6);--rain-color: 233,84,32;--wallpaper-base: #2C001E;--wallpaper-gradient: linear-gradient(150deg, #3a0626 0%, #461230 20%, #521a3a 40%, #481530 60%, #380a28 80%, #320822 100%);--page-gradient: linear-gradient(150deg, #2C001E 0%, #380a28 20%, #42122e 40%, #3a0e26 60%, #30051f 80%, #2C001E 100%);--edit-gradient: linear-gradient(150deg, #32061f 0%, #3c0e2a 20%, #481832 40%, #40122a 60%, #360a22 80%, #32061f 100%)}[data-theme=dark-matrix]{--aubergine-900: #0a0a0e;--aubergine-800: #151518;--aubergine-700: #1e1e22;--aubergine-600: #282830;--aubergine-500: #3a3a44;--aubergine-400: #555560;--aubergine-300: #757580;--orange-500: #30c060;--orange-400: #48d078;--orange-300: #60e090;--orange-200: #80e8a8;--bg-primary: var(--aubergine-800);--bg-secondary: #1e1e24;--bg-surface: rgba(18, 18, 22, .8);--bg-hover: #2a2a34;--bg-terminal: #101014;--bg-dialog: #1a1a20;--bg-deep: #0e0e12;--bg-inset: #0a0a0e;--text-primary: #e8e8f0;--text-secondary: #b0b0c0;--text-tertiary: #606878;--border-color: #2e2e3a;--border-subtle: #3c3c4a;--accent: var(--orange-500);--accent-glow: rgba(48, 192, 96, .18);--accent-soft: rgba(48, 192, 96, .1);--accent-muted: rgba(48, 192, 96, .05);--accent-border: rgba(48, 192, 96, .28);--accent-hover: rgba(48, 192, 96, .14);--green: #78c878;--blue: #70a8e8;--mauve: #b090d0;--peach: #c8a088;--red: #d06060;--teal: #60b8a8;--overlay-bg: rgba(0, 0, 0, .65);--overlay-light: rgba(0, 0, 0, .35);--overlay-subtle: rgba(0, 0, 0, .25);--overlay-dim: rgba(0, 0, 0, .18);--glass-highlight: rgba(255, 255, 255, .05);--glass-highlight-hover: rgba(255, 255, 255, .09);--glass-faint: rgba(255, 255, 255, .03);--glass-divider: rgba(255, 255, 255, .025);--glass-ultra: rgba(255, 255, 255, .06);--glass-bg: rgba(14, 14, 18, .93);--glass-bg-strong: rgba(14, 14, 18, .97);--glass-bg-medium: rgba(14, 14, 18, .92);--glass-bg-soft: rgba(14, 14, 18, .78);--nav-bg: var(--glass-bg);--card-shadow: 0 2px 8px rgba(0, 0, 0, .5);--card-shadow-hover: 0 6px 24px rgba(48, 192, 96, .12), 0 2px 8px rgba(0, 0, 0, .5);--tag-bg: var(--accent-soft);--tag-border: var(--accent-border);--tag-text: var(--orange-300);--step-teal-bg: rgba(96, 184, 168, .07);--step-tool-bg: rgba(200, 160, 136, .05);--step-mauve-bg: rgba(176, 144, 208, .07);--step-prompt-bg: rgba(48, 192, 96, .1);--step-prompt-answer: rgba(48, 192, 96, .05);--step-prompt-glow: rgba(48, 192, 96, .14);--step-prompt-border: rgba(72, 208, 120, .2);--step-question-bg: rgba(255, 255, 255, .012);--step-table-bg: rgba(255, 255, 255, .025);--step-badge-bg: rgba(0, 0, 0, .3);--zoom-controls-bg: rgba(14, 14, 18, .9);--source-gutter-bg: rgba(14, 14, 18, .82);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .4);--shadow-window-0: 0 12px 48px rgba(0, 0, 0, .7), 0 4px 12px rgba(0, 0, 0, .5);--shadow-window-1: 0 10px 40px rgba(0, 0, 0, .7), 0 3px 10px rgba(0, 0, 0, .4);--shadow-window-2: 0 6px 24px rgba(0, 0, 0, .7);--shadow-window-3: 0 4px 16px rgba(0, 0, 0, .7);--shadow-window-4: 0 2px 10px rgba(0, 0, 0, .7);--rain-color: 40,200,80;--wallpaper-base: #151518;--wallpaper-gradient: linear-gradient(150deg, #101014 0%, #181820 20%, #1e1e28 40%, #181820 60%, #131318 80%, #0e0e14 100%);--page-gradient: linear-gradient(150deg, #151518 0%, #1e1e24 20%, #262630 40%, #202028 60%, #1a1a20 80%, #151518 100%);--edit-gradient: linear-gradient(150deg, #131318 0%, #1a1a22 20%, #22222a 40%, #1e1e24 60%, #181820 80%, #131318 100%)}[data-theme=dark-ocean]{--aubergine-900: #0a0a0e;--aubergine-800: #151518;--aubergine-700: #1e1e22;--aubergine-600: #282830;--aubergine-500: #3a3a44;--aubergine-400: #555560;--aubergine-300: #757580;--orange-500: #3898d8;--orange-400: #50a8e0;--orange-300: #70b8e8;--orange-200: #90c8f0;--bg-primary: var(--aubergine-800);--bg-secondary: #1e1e24;--bg-surface: rgba(18, 18, 22, .8);--bg-hover: #2a2a34;--bg-terminal: #101014;--bg-dialog: #1a1a20;--bg-deep: #0e0e12;--bg-inset: #0a0a0e;--text-primary: #e8e8f0;--text-secondary: #b0b0c0;--text-tertiary: #606878;--border-color: #2e2e3a;--border-subtle: #3c3c4a;--accent: var(--orange-500);--accent-glow: rgba(56, 152, 216, .18);--accent-soft: rgba(56, 152, 216, .1);--accent-muted: rgba(56, 152, 216, .05);--accent-border: rgba(56, 152, 216, .28);--accent-hover: rgba(56, 152, 216, .14);--green: #78c878;--blue: #70a8e8;--mauve: #b090d0;--peach: #c8a088;--red: #d06060;--teal: #60b8a8;--overlay-bg: rgba(0, 0, 0, .65);--overlay-light: rgba(0, 0, 0, .35);--overlay-subtle: rgba(0, 0, 0, .25);--overlay-dim: rgba(0, 0, 0, .18);--glass-highlight: rgba(255, 255, 255, .05);--glass-highlight-hover: rgba(255, 255, 255, .09);--glass-faint: rgba(255, 255, 255, .03);--glass-divider: rgba(255, 255, 255, .025);--glass-ultra: rgba(255, 255, 255, .06);--glass-bg: rgba(14, 14, 18, .93);--glass-bg-strong: rgba(14, 14, 18, .97);--glass-bg-medium: rgba(14, 14, 18, .92);--glass-bg-soft: rgba(14, 14, 18, .78);--nav-bg: var(--glass-bg);--card-shadow: 0 2px 8px rgba(0, 0, 0, .5);--card-shadow-hover: 0 6px 24px rgba(56, 152, 216, .12), 0 2px 8px rgba(0, 0, 0, .5);--tag-bg: var(--accent-soft);--tag-border: var(--accent-border);--tag-text: var(--orange-300);--step-teal-bg: rgba(96, 184, 168, .07);--step-tool-bg: rgba(200, 160, 136, .05);--step-mauve-bg: rgba(176, 144, 208, .07);--step-prompt-bg: rgba(56, 152, 216, .1);--step-prompt-answer: rgba(56, 152, 216, .05);--step-prompt-glow: rgba(56, 152, 216, .14);--step-prompt-border: rgba(80, 168, 224, .2);--step-question-bg: rgba(255, 255, 255, .012);--step-table-bg: rgba(255, 255, 255, .025);--step-badge-bg: rgba(0, 0, 0, .3);--zoom-controls-bg: rgba(14, 14, 18, .9);--source-gutter-bg: rgba(14, 14, 18, .82);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .7), 0 2px 8px rgba(0, 0, 0, .4);--shadow-window-0: 0 12px 48px rgba(0, 0, 0, .7), 0 4px 12px rgba(0, 0, 0, .5);--shadow-window-1: 0 10px 40px rgba(0, 0, 0, .7), 0 3px 10px rgba(0, 0, 0, .4);--shadow-window-2: 0 6px 24px rgba(0, 0, 0, .7);--shadow-window-3: 0 4px 16px rgba(0, 0, 0, .7);--shadow-window-4: 0 2px 10px rgba(0, 0, 0, .7);--rain-color: 56,152,216;--wallpaper-base: #151518;--wallpaper-gradient: linear-gradient(150deg, #101014 0%, #181820 20%, #1e1e28 40%, #181820 60%, #131318 80%, #0e0e14 100%);--page-gradient: linear-gradient(150deg, #151518 0%, #1e1e24 20%, #262630 40%, #202028 60%, #1a1a20 80%, #151518 100%);--edit-gradient: linear-gradient(150deg, #131318 0%, #1a1a22 20%, #22222a 40%, #1e1e24 60%, #181820 80%, #131318 100%)}[data-theme=light-aubergine]{--aubergine-900: #f8f2ee;--aubergine-800: #f0e8e4;--aubergine-700: #e8ddd8;--aubergine-600: #ddd0ca;--aubergine-500: #c8b8b0;--aubergine-400: #a89890;--aubergine-300: #887870;--orange-500: #c84810;--orange-400: #d86020;--orange-300: #b04010;--orange-200: #984018;--bg-primary: var(--aubergine-800);--bg-secondary: #e8ddd8;--bg-surface: rgba(240, 232, 228, .8);--bg-hover: #ddd0ca;--bg-terminal: #ede4de;--bg-dialog: #f4eeea;--bg-deep: #faf8f6;--bg-inset: #ffffff;--text-primary: #2a1e16;--text-secondary: #5a4e44;--text-tertiary: #8a7e74;--border-color: #d0c4ba;--border-subtle: #c0b4aa;--accent: var(--orange-500);--accent-glow: rgba(200, 72, 16, .12);--accent-soft: rgba(200, 72, 16, .06);--accent-muted: rgba(200, 72, 16, .03);--accent-border: rgba(200, 72, 16, .2);--accent-hover: rgba(200, 72, 16, .1);--green: #2e8040;--blue: #3070c0;--mauve: #8050a0;--peach: #b06030;--red: #c04040;--teal: #288878;--overlay-bg: rgba(0, 0, 0, .35);--overlay-light: rgba(0, 0, 0, .12);--overlay-subtle: rgba(0, 0, 0, .08);--overlay-dim: rgba(0, 0, 0, .05);--glass-highlight: rgba(0, 0, 0, .04);--glass-highlight-hover: rgba(0, 0, 0, .08);--glass-faint: rgba(0, 0, 0, .03);--glass-divider: rgba(0, 0, 0, .06);--glass-ultra: rgba(0, 0, 0, .05);--glass-bg: rgba(240, 232, 228, .92);--glass-bg-strong: rgba(240, 232, 228, .97);--glass-bg-medium: rgba(240, 232, 228, .9);--glass-bg-soft: rgba(240, 232, 228, .75);--nav-bg: var(--glass-bg);--card-shadow: 0 2px 8px rgba(0, 0, 0, .08);--card-shadow-hover: 0 6px 24px rgba(200, 72, 16, .08), 0 2px 8px rgba(0, 0, 0, .08);--tag-bg: var(--accent-soft);--tag-border: var(--accent-border);--tag-text: var(--orange-300);--step-teal-bg: rgba(40, 136, 120, .06);--step-tool-bg: rgba(176, 96, 48, .04);--step-mauve-bg: rgba(128, 80, 160, .06);--step-prompt-bg: rgba(200, 72, 16, .08);--step-prompt-answer: rgba(200, 72, 16, .04);--step-prompt-glow: rgba(200, 72, 16, .12);--step-prompt-border: rgba(200, 96, 40, .2);--step-question-bg: rgba(0, 0, 0, .02);--step-table-bg: rgba(0, 0, 0, .03);--step-badge-bg: rgba(0, 0, 0, .06);--dot-red: #ff5f57;--dot-yellow: #f0b030;--dot-green: #28c840;--dot-text: rgba(0, 0, 0, .7);--zoom-controls-bg: rgba(240, 232, 228, .9);--source-gutter-bg: rgba(240, 232, 228, .85);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12), 0 2px 8px rgba(0, 0, 0, .06);--shadow-window-0: 0 12px 48px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--shadow-window-1: 0 10px 40px rgba(0, 0, 0, .1), 0 3px 10px rgba(0, 0, 0, .06);--shadow-window-2: 0 6px 24px rgba(0, 0, 0, .1);--shadow-window-3: 0 4px 16px rgba(0, 0, 0, .08);--shadow-window-4: 0 2px 10px rgba(0, 0, 0, .08);--rain-color: 180,80,30;--wallpaper-base: #f0e8e4;--wallpaper-gradient: linear-gradient(150deg, #e8ddd8 0%, #f0e8e4 20%, #f4eeea 40%, #efe6e0 60%, #e8ddd8 80%, #e4d8d2 100%);--page-gradient: linear-gradient(150deg, #f0e8e4 0%, #e8ddd8 20%, #ddd0ca 40%, #e4d8d2 60%, #ece2dc 80%, #f0e8e4 100%);--edit-gradient: linear-gradient(150deg, #ece2dc 0%, #e4d8d2 20%, #ddd0ca 40%, #e0d6d0 60%, #e8ddd8 80%, #ece2dc 100%)}[data-theme=light-sky]{--aubergine-900: #f2f6fa;--aubergine-800: #e8f0f8;--aubergine-700: #dce6f0;--aubergine-600: #ccdae8;--aubergine-500: #b0c4d8;--aubergine-400: #8aa0b8;--aubergine-300: #6a8098;--orange-500: #1868a8;--orange-400: #2078b8;--orange-300: #105080;--orange-200: #0e4468;--bg-primary: var(--aubergine-800);--bg-secondary: #dce6f0;--bg-surface: rgba(232, 240, 248, .8);--bg-hover: #ccdae8;--bg-terminal: #e0eaf4;--bg-dialog: #eef4fa;--bg-deep: #f8fafc;--bg-inset: #ffffff;--text-primary: #1a2838;--text-secondary: #3e5468;--text-tertiary: #7088a0;--border-color: #c0d0e0;--border-subtle: #b0c4d4;--accent: var(--orange-500);--accent-glow: rgba(24, 104, 168, .14);--accent-soft: rgba(24, 104, 168, .07);--accent-muted: rgba(24, 104, 168, .03);--accent-border: rgba(24, 104, 168, .22);--accent-hover: rgba(24, 104, 168, .1);--green: #2e8040;--blue: #2868b0;--mauve: #7050a0;--peach: #a06030;--red: #b83838;--teal: #208870;--overlay-bg: rgba(0, 0, 0, .3);--overlay-light: rgba(0, 0, 0, .1);--overlay-subtle: rgba(0, 0, 0, .06);--overlay-dim: rgba(0, 0, 0, .04);--glass-highlight: rgba(0, 0, 0, .04);--glass-highlight-hover: rgba(0, 0, 0, .07);--glass-faint: rgba(0, 0, 0, .025);--glass-divider: rgba(0, 0, 0, .05);--glass-ultra: rgba(0, 0, 0, .04);--glass-bg: rgba(232, 240, 248, .93);--glass-bg-strong: rgba(232, 240, 248, .97);--glass-bg-medium: rgba(232, 240, 248, .91);--glass-bg-soft: rgba(232, 240, 248, .76);--nav-bg: var(--glass-bg);--card-shadow: 0 2px 8px rgba(0, 0, 0, .07);--card-shadow-hover: 0 6px 24px rgba(24, 104, 168, .1), 0 2px 8px rgba(0, 0, 0, .07);--tag-bg: var(--accent-soft);--tag-border: var(--accent-border);--tag-text: var(--orange-300);--step-teal-bg: rgba(32, 136, 112, .06);--step-tool-bg: rgba(160, 96, 48, .04);--step-mauve-bg: rgba(112, 80, 160, .06);--step-prompt-bg: rgba(24, 104, 168, .08);--step-prompt-answer: rgba(24, 104, 168, .04);--step-prompt-glow: rgba(24, 104, 168, .12);--step-prompt-border: rgba(32, 120, 184, .2);--step-question-bg: rgba(0, 0, 0, .02);--step-table-bg: rgba(0, 0, 0, .025);--step-badge-bg: rgba(0, 0, 0, .05);--dot-red: #ff5f57;--dot-yellow: #f0b030;--dot-green: #28c840;--dot-text: rgba(0, 0, 0, .7);--zoom-controls-bg: rgba(232, 240, 248, .92);--source-gutter-bg: rgba(232, 240, 248, .88);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .09);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .05);--shadow-window-0: 0 12px 48px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .07);--shadow-window-1: 0 10px 40px rgba(0, 0, 0, .09), 0 3px 10px rgba(0, 0, 0, .05);--shadow-window-2: 0 6px 24px rgba(0, 0, 0, .09);--shadow-window-3: 0 4px 16px rgba(0, 0, 0, .07);--shadow-window-4: 0 2px 10px rgba(0, 0, 0, .07);--rain-color: 20,90,150;--wallpaper-base: #e8f0f8;--wallpaper-gradient: linear-gradient(150deg, #dce6f0 0%, #e8f0f8 20%, #eef4fa 40%, #e4ecf4 60%, #dce6f0 80%, #d4dee8 100%);--page-gradient: linear-gradient(150deg, #e8f0f8 0%, #dce6f0 20%, #ccdae8 40%, #d8e4f0 60%, #e2ecf4 80%, #e8f0f8 100%);--edit-gradient: linear-gradient(150deg, #e2ecf4 0%, #d8e4f0 20%, #ccdae8 40%, #d4dee8 60%, #dce6f0 80%, #e2ecf4 100%)}[data-theme=light-sunset]{--aubergine-900: #faf4ee;--aubergine-800: #f4ece2;--aubergine-700: #ece0d4;--aubergine-600: #e0d2c4;--aubergine-500: #ccbcac;--aubergine-400: #ac9888;--aubergine-300: #8c7868;--orange-500: #a06008;--orange-400: #b07010;--orange-300: #884c06;--orange-200: #704008;--bg-primary: var(--aubergine-800);--bg-secondary: #ece0d4;--bg-surface: rgba(244, 236, 226, .8);--bg-hover: #e0d2c4;--bg-terminal: #f0e8de;--bg-dialog: #f6f0e8;--bg-deep: #faf8f4;--bg-inset: #ffffff;--text-primary: #2a2016;--text-secondary: #5a4e3c;--text-tertiary: #8a7c68;--border-color: #d4c8b8;--border-subtle: #c4b8a8;--accent: var(--orange-500);--accent-glow: rgba(160, 96, 8, .14);--accent-soft: rgba(160, 96, 8, .07);--accent-muted: rgba(160, 96, 8, .03);--accent-border: rgba(160, 96, 8, .22);--accent-hover: rgba(160, 96, 8, .1);--green: #2e7838;--blue: #3070b0;--mauve: #7850a0;--peach: #a06028;--red: #b83838;--teal: #288070;--overlay-bg: rgba(0, 0, 0, .32);--overlay-light: rgba(0, 0, 0, .1);--overlay-subtle: rgba(0, 0, 0, .07);--overlay-dim: rgba(0, 0, 0, .04);--glass-highlight: rgba(0, 0, 0, .04);--glass-highlight-hover: rgba(0, 0, 0, .07);--glass-faint: rgba(0, 0, 0, .025);--glass-divider: rgba(0, 0, 0, .05);--glass-ultra: rgba(0, 0, 0, .04);--glass-bg: rgba(244, 236, 226, .93);--glass-bg-strong: rgba(244, 236, 226, .97);--glass-bg-medium: rgba(244, 236, 226, .91);--glass-bg-soft: rgba(244, 236, 226, .76);--nav-bg: var(--glass-bg);--card-shadow: 0 2px 8px rgba(0, 0, 0, .07);--card-shadow-hover: 0 6px 24px rgba(160, 96, 8, .1), 0 2px 8px rgba(0, 0, 0, .07);--tag-bg: var(--accent-soft);--tag-border: var(--accent-border);--tag-text: var(--orange-300);--step-teal-bg: rgba(40, 128, 112, .06);--step-tool-bg: rgba(160, 96, 40, .04);--step-mauve-bg: rgba(120, 80, 160, .06);--step-prompt-bg: rgba(160, 96, 8, .08);--step-prompt-answer: rgba(160, 96, 8, .04);--step-prompt-glow: rgba(160, 96, 8, .12);--step-prompt-border: rgba(176, 112, 16, .2);--step-question-bg: rgba(0, 0, 0, .02);--step-table-bg: rgba(0, 0, 0, .025);--step-badge-bg: rgba(0, 0, 0, .05);--dot-red: #ff5f57;--dot-yellow: #f0b030;--dot-green: #28c840;--dot-text: rgba(0, 0, 0, .7);--zoom-controls-bg: rgba(244, 236, 226, .92);--source-gutter-bg: rgba(244, 236, 226, .88);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .09);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .05);--shadow-window-0: 0 12px 48px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .07);--shadow-window-1: 0 10px 40px rgba(0, 0, 0, .09), 0 3px 10px rgba(0, 0, 0, .05);--shadow-window-2: 0 6px 24px rgba(0, 0, 0, .09);--shadow-window-3: 0 4px 16px rgba(0, 0, 0, .07);--shadow-window-4: 0 2px 10px rgba(0, 0, 0, .07);--rain-color: 150,80,10;--wallpaper-base: #f4ece2;--wallpaper-gradient: linear-gradient(150deg, #ece0d4 0%, #f4ece2 20%, #f8f0e6 40%, #f0e6da 60%, #ece0d4 80%, #e6dace 100%);--page-gradient: linear-gradient(150deg, #f4ece2 0%, #ece0d4 20%, #e0d2c4 40%, #e8dcd0 60%, #f0e4da 80%, #f4ece2 100%);--edit-gradient: linear-gradient(150deg, #f0e4da 0%, #e8dcd0 20%, #e0d2c4 40%, #e4d8cc 60%, #ece0d4 80%, #f0e4da 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--nav-content-height: 56px;--nav-total-height: calc(var(--nav-content-height) + var(--safe-area-top))}@media(max-width:640px){html{--nav-content-height: 52px}}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.window{border-radius:10px;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);display:flex;flex-direction:column;background:var(--bg-secondary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}