:root{color-scheme:dark;--bg: #080c18;--bg2: #0d1220;--bg3: #131928;--surface: #161d2e;--surface2: #1c2438;--surface3: #222c42;--border: rgba(100, 130, 200, .12);--border2: rgba(100, 130, 200, .22);--sb-thumb: rgba(100, 130, 200, .26);--sb-thumb-hover: rgba(120, 150, 220, .44);--sb-thumb-active: rgba(140, 170, 240, .62);--text: #c8d4f0;--text2: #7a8ab0;--text3: #4a5878;--accent: #4fc3f7;--accent2: #7c4dff;--violet: #b388ff;--indigo: #7c4dff;--blue: #4fc3f7;--gold: #ffd54f;--green: #69f0ae;--red: #ff6b6b;--orange: #ffb74d;--purple: #ce93d8;--on-accent: #08111f;--mono: "JetBrains Mono", monospace;--sans: "DM Sans", sans-serif;--serif: "Crimson Pro", serif;--r: 8px;--hdr: 48px;--overlay: rgba(2, 8, 20, .68);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(79, 195, 247, .08);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .16);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .16);--accent-soft: rgba(79, 195, 247, .1);--accent-soft-strong: rgba(79, 195, 247, .18);--accent-border: rgba(79, 195, 247, .25);--accent-border-strong: rgba(79, 195, 247, .4);--accent-glow: 0 0 14px rgba(79, 195, 247, .35);--tab-hover-bg: rgba(255, 255, 255, .035);--tab-active-bg: rgba(79, 195, 247, .11);--tab-active-border: rgba(79, 195, 247, .28);--tab-active-line: rgba(79, 195, 247, .95);--tab-overflow-shadow: rgba(2, 7, 16, .62);--violet-soft: rgba(179, 136, 255, .14);--violet-border: rgba(179, 136, 255, .32);--indigo-soft: rgba(124, 77, 255, .13);--indigo-border: rgba(124, 77, 255, .3);--blue-soft: rgba(79, 195, 247, .11);--blue-border: rgba(79, 195, 247, .3);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(206, 147, 216, .14);--purple-border: rgba(206, 147, 216, .3);--green-soft: rgba(105, 240, 174, .1);--green-border: rgba(105, 240, 174, .3);--gold-soft: rgba(255, 213, 79, .12);--gold-border: rgba(255, 213, 79, .3);--note-yellow: #fff176;--note-yellow-soft: rgba(255, 241, 118, .18);--note-yellow-border: rgba(255, 241, 118, .42);--orange-soft: rgba(255, 183, 77, .1);--orange-border: rgba(255, 183, 77, .3);--red-soft: rgba(255, 107, 107, .1);--red-border: rgba(255, 107, 107, .3);--canvas-glow-a: rgba(79, 195, 247, .035);--canvas-glow-b: rgba(124, 77, 255, .03);--state-active-fill: rgba(79, 195, 247, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(79, 195, 247, .45));--state-reject-fill: rgba(255, 107, 107, .1);--marquee-fill: rgba(79, 195, 247, .1);--minimap-viewport: rgba(79, 195, 247, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 4px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--transition-fast: .12s ease;--transition-base: .18s ease}:root[data-theme=light]{color-scheme:light;--bg: #eef4fb;--bg2: #f8fbff;--bg3: #e8f0f8;--surface: #ffffff;--surface2: #f4f8fd;--surface3: #e1eaf5;--border: rgba(41, 73, 109, .12);--border2: rgba(41, 73, 109, .2);--sb-thumb: rgba(41, 73, 109, .24);--sb-thumb-hover: rgba(41, 73, 109, .4);--sb-thumb-active: rgba(41, 73, 109, .56);--text: #16324a;--text2: #496277;--text3: #7d92a6;--accent: #178ed8;--accent2: #6858e8;--violet: #8458cf;--indigo: #4f46c8;--blue: #178ed8;--gold: #b7791f;--green: #198b63;--red: #cb4545;--orange: #d97706;--purple: #8458cf;--on-accent: #f8fbff;--overlay: rgba(24, 45, 70, .18);--overlay-ring: rgba(255, 255, 255, .75);--focus-ring: rgba(23, 142, 216, .14);--panel-shadow-left: 2px 0 18px rgba(34, 58, 86, .12);--panel-shadow-right: -2px 0 18px rgba(34, 58, 86, .12);--accent-soft: rgba(23, 142, 216, .1);--accent-soft-strong: rgba(23, 142, 216, .16);--accent-border: rgba(23, 142, 216, .22);--accent-border-strong: rgba(23, 142, 216, .34);--accent-glow: 0 10px 24px rgba(23, 142, 216, .18);--tab-hover-bg: rgba(22, 50, 74, .05);--tab-active-bg: rgba(23, 142, 216, .095);--tab-active-border: rgba(23, 142, 216, .28);--tab-active-line: rgba(23, 142, 216, .92);--tab-overflow-shadow: rgba(113, 136, 167, .36);--violet-soft: rgba(132, 88, 207, .12);--violet-border: rgba(132, 88, 207, .24);--indigo-soft: rgba(79, 70, 200, .1);--indigo-border: rgba(79, 70, 200, .24);--blue-soft: rgba(23, 142, 216, .1);--blue-border: rgba(23, 142, 216, .24);--white-note: #ffffff;--white-note-soft: rgba(255, 255, 255, .96);--white-note-border: rgba(41, 73, 109, .22);--purple-soft: rgba(132, 88, 207, .12);--purple-border: rgba(132, 88, 207, .24);--green-soft: rgba(25, 139, 99, .1);--green-border: rgba(25, 139, 99, .24);--gold-soft: rgba(183, 121, 31, .11);--gold-border: rgba(183, 121, 31, .24);--note-yellow: #f5d742;--note-yellow-soft: rgba(245, 215, 66, .22);--note-yellow-border: rgba(153, 125, 12, .3);--orange-soft: rgba(217, 119, 6, .1);--orange-border: rgba(217, 119, 6, .24);--red-soft: rgba(203, 69, 69, .09);--red-border: rgba(203, 69, 69, .24);--canvas-glow-a: rgba(23, 142, 216, .055);--canvas-glow-b: rgba(104, 88, 232, .04);--state-active-fill: rgba(23, 142, 216, .12);--state-active-shadow: drop-shadow(0 8px 18px rgba(23, 142, 216, .14));--state-reject-fill: rgba(203, 69, 69, .08);--marquee-fill: rgba(23, 142, 216, .08);--minimap-viewport: rgba(23, 142, 216, .45);--shadow-sm: 0 2px 10px rgba(31, 53, 80, .08);--shadow-md: 0 10px 28px rgba(31, 53, 80, .12);--shadow-lg: 0 20px 56px rgba(31, 53, 80, .16)}:root[data-theme=nord]{color-scheme:dark;--bg: #2e3440;--bg2: #272c36;--bg3: #3b4252;--surface: #3b4252;--surface2: #434c5e;--surface3: #4c566a;--border: rgba(136, 192, 208, .12);--border2: rgba(136, 192, 208, .22);--sb-thumb: rgba(136, 192, 208, .26);--sb-thumb-hover: rgba(136, 192, 208, .42);--sb-thumb-active: rgba(136, 192, 208, .6);--text: #eceff4;--text2: #c3cad9;--text3: #8b96ad;--accent: #88c0d0;--accent2: #81a1c1;--violet: #b48ead;--indigo: #5e81ac;--blue: #88c0d0;--gold: #ebcb8b;--green: #a3be8c;--red: #bf616a;--orange: #d08770;--purple: #b48ead;--on-accent: #20242c;--overlay: rgba(46, 52, 64, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(136, 192, 208, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(136, 192, 208, .1);--accent-soft-strong: rgba(136, 192, 208, .18);--accent-border: rgba(136, 192, 208, .26);--accent-border-strong: rgba(136, 192, 208, .4);--accent-glow: 0 0 14px rgba(136, 192, 208, .32);--tab-hover-bg: rgba(236, 239, 244, .04);--tab-active-bg: rgba(136, 192, 208, .13);--tab-active-border: rgba(136, 192, 208, .28);--tab-active-line: rgba(136, 192, 208, .95);--tab-overflow-shadow: rgba(46, 52, 64, .62);--violet-soft: rgba(180, 142, 173, .13);--violet-border: rgba(180, 142, 173, .28);--indigo-soft: rgba(94, 129, 172, .12);--indigo-border: rgba(94, 129, 172, .26);--blue-soft: rgba(136, 192, 208, .1);--blue-border: rgba(136, 192, 208, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(180, 142, 173, .13);--purple-border: rgba(180, 142, 173, .28);--green-soft: rgba(163, 190, 140, .11);--green-border: rgba(163, 190, 140, .27);--gold-soft: rgba(235, 203, 139, .12);--gold-border: rgba(235, 203, 139, .28);--note-yellow: #ebcb8b;--note-yellow-soft: rgba(235, 203, 139, .18);--note-yellow-border: rgba(235, 203, 139, .4);--orange-soft: rgba(208, 135, 112, .11);--orange-border: rgba(208, 135, 112, .27);--red-soft: rgba(191, 97, 106, .1);--red-border: rgba(191, 97, 106, .27);--canvas-glow-a: rgba(136, 192, 208, .045);--canvas-glow-b: rgba(180, 142, 173, .035);--state-active-fill: rgba(136, 192, 208, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(136, 192, 208, .42));--state-reject-fill: rgba(191, 97, 106, .1);--marquee-fill: rgba(136, 192, 208, .1);--minimap-viewport: rgba(136, 192, 208, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=solarized-light]{color-scheme:light;--bg: #fdf6e3;--bg2: #f7f0da;--bg3: #eee8d5;--surface: #ffffff;--surface2: #f7f2e3;--surface3: #eee8d5;--border: rgba(101, 123, 131, .14);--border2: rgba(101, 123, 131, .24);--sb-thumb: rgba(101, 123, 131, .26);--sb-thumb-hover: rgba(101, 123, 131, .4);--sb-thumb-active: rgba(101, 123, 131, .56);--text: #073642;--text2: #586e75;--text3: #93a1a1;--accent: #b58900;--accent2: #268bd2;--violet: #6c71c4;--indigo: #6c71c4;--blue: #268bd2;--gold: #b58900;--green: #859900;--red: #dc322f;--orange: #cb4b16;--purple: #d33682;--on-accent: #fdf6e3;--overlay: rgba(101, 123, 131, .16);--overlay-ring: rgba(255, 255, 255, .75);--focus-ring: rgba(181, 137, 0, .12);--panel-shadow-left: 2px 0 18px rgba(31, 30, 20, .1);--panel-shadow-right: -2px 0 18px rgba(31, 30, 20, .1);--accent-soft: rgba(181, 137, 0, .1);--accent-soft-strong: rgba(181, 137, 0, .18);--accent-border: rgba(181, 137, 0, .24);--accent-border-strong: rgba(181, 137, 0, .36);--accent-glow: 0 10px 24px rgba(181, 137, 0, .16);--tab-hover-bg: rgba(101, 123, 131, .05);--tab-active-bg: rgba(181, 137, 0, .095);--tab-active-border: rgba(181, 137, 0, .28);--tab-active-line: rgba(181, 137, 0, .9);--tab-overflow-shadow: rgba(101, 123, 131, .36);--violet-soft: rgba(108, 113, 196, .13);--violet-border: rgba(108, 113, 196, .28);--indigo-soft: rgba(108, 113, 196, .12);--indigo-border: rgba(108, 113, 196, .26);--blue-soft: rgba(38, 139, 210, .1);--blue-border: rgba(38, 139, 210, .26);--white-note: #ffffff;--white-note-soft: rgba(255, 255, 255, .94);--white-note-border: rgba(101, 123, 131, .22);--purple-soft: rgba(211, 54, 130, .13);--purple-border: rgba(211, 54, 130, .28);--green-soft: rgba(133, 153, 0, .11);--green-border: rgba(133, 153, 0, .27);--gold-soft: rgba(181, 137, 0, .12);--gold-border: rgba(181, 137, 0, .28);--note-yellow: #b58900;--note-yellow-soft: rgba(181, 137, 0, .2);--note-yellow-border: rgba(181, 137, 0, .32);--orange-soft: rgba(203, 75, 22, .11);--orange-border: rgba(203, 75, 22, .27);--red-soft: rgba(220, 50, 47, .1);--red-border: rgba(220, 50, 47, .27);--canvas-glow-a: rgba(181, 137, 0, .05);--canvas-glow-b: rgba(108, 113, 196, .04);--state-active-fill: rgba(181, 137, 0, .12);--state-active-shadow: drop-shadow(0 8px 18px rgba(181, 137, 0, .14));--state-reject-fill: rgba(220, 50, 47, .09);--marquee-fill: rgba(181, 137, 0, .08);--minimap-viewport: rgba(181, 137, 0, .45);--shadow-sm: 0 2px 10px rgba(31, 30, 20, .09);--shadow-md: 0 10px 28px rgba(31, 30, 20, .13);--shadow-lg: 0 20px 56px rgba(31, 30, 20, .17)}:root[data-theme=solarized-dark]{color-scheme:dark;--bg: #002b36;--bg2: #012933;--bg3: #073642;--surface: #073642;--surface2: #0a4757;--surface3: #0e5468;--border: rgba(42, 161, 152, .12);--border2: rgba(42, 161, 152, .22);--sb-thumb: rgba(42, 161, 152, .26);--sb-thumb-hover: rgba(42, 161, 152, .42);--sb-thumb-active: rgba(42, 161, 152, .6);--text: #eee8d5;--text2: #93a1a1;--text3: #657b83;--accent: #2aa198;--accent2: #268bd2;--violet: #6c71c4;--indigo: #268bd2;--blue: #268bd2;--gold: #b58900;--green: #859900;--red: #dc322f;--orange: #cb4b16;--purple: #d33682;--on-accent: #002b36;--overlay: rgba(0, 43, 54, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(42, 161, 152, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(42, 161, 152, .1);--accent-soft-strong: rgba(42, 161, 152, .18);--accent-border: rgba(42, 161, 152, .26);--accent-border-strong: rgba(42, 161, 152, .4);--accent-glow: 0 0 14px rgba(42, 161, 152, .32);--tab-hover-bg: rgba(238, 232, 213, .04);--tab-active-bg: rgba(42, 161, 152, .13);--tab-active-border: rgba(42, 161, 152, .28);--tab-active-line: rgba(42, 161, 152, .95);--tab-overflow-shadow: rgba(0, 43, 54, .62);--violet-soft: rgba(108, 113, 196, .13);--violet-border: rgba(108, 113, 196, .28);--indigo-soft: rgba(38, 139, 210, .12);--indigo-border: rgba(38, 139, 210, .26);--blue-soft: rgba(38, 139, 210, .1);--blue-border: rgba(38, 139, 210, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(211, 54, 130, .13);--purple-border: rgba(211, 54, 130, .28);--green-soft: rgba(133, 153, 0, .11);--green-border: rgba(133, 153, 0, .27);--gold-soft: rgba(181, 137, 0, .12);--gold-border: rgba(181, 137, 0, .28);--note-yellow: #b58900;--note-yellow-soft: rgba(181, 137, 0, .18);--note-yellow-border: rgba(181, 137, 0, .4);--orange-soft: rgba(203, 75, 22, .11);--orange-border: rgba(203, 75, 22, .27);--red-soft: rgba(220, 50, 47, .1);--red-border: rgba(220, 50, 47, .27);--canvas-glow-a: rgba(42, 161, 152, .045);--canvas-glow-b: rgba(108, 113, 196, .035);--state-active-fill: rgba(42, 161, 152, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(42, 161, 152, .42));--state-reject-fill: rgba(220, 50, 47, .1);--marquee-fill: rgba(42, 161, 152, .1);--minimap-viewport: rgba(42, 161, 152, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=dracula]{color-scheme:dark;--bg: #282a36;--bg2: #21222c;--bg3: #343746;--surface: #343746;--surface2: #3d4052;--surface3: #44475a;--border: rgba(189, 147, 249, .12);--border2: rgba(189, 147, 249, .22);--sb-thumb: rgba(189, 147, 249, .26);--sb-thumb-hover: rgba(189, 147, 249, .42);--sb-thumb-active: rgba(189, 147, 249, .6);--text: #f8f8f2;--text2: #bfc1cc;--text3: #7b7f9e;--accent: #bd93f9;--accent2: #ff79c6;--violet: #bd93f9;--indigo: #6272a4;--blue: #8be9fd;--gold: #f1fa8c;--green: #50fa7b;--red: #ff5555;--orange: #ffb86c;--purple: #ff79c6;--on-accent: #1e1f29;--overlay: rgba(40, 42, 54, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(189, 147, 249, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(189, 147, 249, .1);--accent-soft-strong: rgba(189, 147, 249, .18);--accent-border: rgba(189, 147, 249, .26);--accent-border-strong: rgba(189, 147, 249, .4);--accent-glow: 0 0 14px rgba(189, 147, 249, .32);--tab-hover-bg: rgba(248, 248, 242, .04);--tab-active-bg: rgba(189, 147, 249, .13);--tab-active-border: rgba(189, 147, 249, .28);--tab-active-line: rgba(189, 147, 249, .95);--tab-overflow-shadow: rgba(40, 42, 54, .62);--violet-soft: rgba(189, 147, 249, .13);--violet-border: rgba(189, 147, 249, .28);--indigo-soft: rgba(98, 114, 164, .12);--indigo-border: rgba(98, 114, 164, .26);--blue-soft: rgba(139, 233, 253, .1);--blue-border: rgba(139, 233, 253, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(255, 121, 198, .13);--purple-border: rgba(255, 121, 198, .28);--green-soft: rgba(80, 250, 123, .11);--green-border: rgba(80, 250, 123, .27);--gold-soft: rgba(241, 250, 140, .12);--gold-border: rgba(241, 250, 140, .28);--note-yellow: #f1fa8c;--note-yellow-soft: rgba(241, 250, 140, .18);--note-yellow-border: rgba(241, 250, 140, .4);--orange-soft: rgba(255, 184, 108, .11);--orange-border: rgba(255, 184, 108, .27);--red-soft: rgba(255, 85, 85, .1);--red-border: rgba(255, 85, 85, .27);--canvas-glow-a: rgba(189, 147, 249, .045);--canvas-glow-b: rgba(189, 147, 249, .035);--state-active-fill: rgba(189, 147, 249, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(189, 147, 249, .42));--state-reject-fill: rgba(255, 85, 85, .1);--marquee-fill: rgba(189, 147, 249, .1);--minimap-viewport: rgba(189, 147, 249, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=gruvbox]{color-scheme:dark;--bg: #282828;--bg2: #1d2021;--bg3: #3c3836;--surface: #3c3836;--surface2: #504945;--surface3: #665c54;--border: rgba(254, 128, 25, .12);--border2: rgba(254, 128, 25, .22);--sb-thumb: rgba(254, 128, 25, .26);--sb-thumb-hover: rgba(254, 128, 25, .42);--sb-thumb-active: rgba(254, 128, 25, .6);--text: #ebdbb2;--text2: #bdae93;--text3: #a89984;--accent: #fe8019;--accent2: #fabd2f;--violet: #d3869b;--indigo: #83a598;--blue: #83a598;--gold: #fabd2f;--green: #b8bb26;--red: #fb4934;--orange: #fe8019;--purple: #d3869b;--on-accent: #1d2021;--overlay: rgba(40, 40, 40, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(254, 128, 25, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(254, 128, 25, .1);--accent-soft-strong: rgba(254, 128, 25, .18);--accent-border: rgba(254, 128, 25, .26);--accent-border-strong: rgba(254, 128, 25, .4);--accent-glow: 0 0 14px rgba(254, 128, 25, .32);--tab-hover-bg: rgba(235, 219, 178, .04);--tab-active-bg: rgba(254, 128, 25, .13);--tab-active-border: rgba(254, 128, 25, .28);--tab-active-line: rgba(254, 128, 25, .95);--tab-overflow-shadow: rgba(40, 40, 40, .62);--violet-soft: rgba(211, 134, 155, .13);--violet-border: rgba(211, 134, 155, .28);--indigo-soft: rgba(131, 165, 152, .12);--indigo-border: rgba(131, 165, 152, .26);--blue-soft: rgba(131, 165, 152, .1);--blue-border: rgba(131, 165, 152, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(211, 134, 155, .13);--purple-border: rgba(211, 134, 155, .28);--green-soft: rgba(184, 187, 38, .11);--green-border: rgba(184, 187, 38, .27);--gold-soft: rgba(250, 189, 47, .12);--gold-border: rgba(250, 189, 47, .28);--note-yellow: #fabd2f;--note-yellow-soft: rgba(250, 189, 47, .18);--note-yellow-border: rgba(250, 189, 47, .4);--orange-soft: rgba(254, 128, 25, .11);--orange-border: rgba(254, 128, 25, .27);--red-soft: rgba(251, 73, 52, .1);--red-border: rgba(251, 73, 52, .27);--canvas-glow-a: rgba(254, 128, 25, .045);--canvas-glow-b: rgba(211, 134, 155, .035);--state-active-fill: rgba(254, 128, 25, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(254, 128, 25, .42));--state-reject-fill: rgba(251, 73, 52, .1);--marquee-fill: rgba(254, 128, 25, .1);--minimap-viewport: rgba(254, 128, 25, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=monokai]{color-scheme:dark;--bg: #272822;--bg2: #1e1f1a;--bg3: #3e3d32;--surface: #3e3d32;--surface2: #49483e;--surface3: #5b594d;--border: rgba(102, 217, 239, .12);--border2: rgba(102, 217, 239, .22);--sb-thumb: rgba(102, 217, 239, .26);--sb-thumb-hover: rgba(102, 217, 239, .42);--sb-thumb-active: rgba(102, 217, 239, .6);--text: #f8f8f2;--text2: #c2c2bc;--text3: #8f9081;--accent: #66d9ef;--accent2: #a6e22e;--violet: #ae81ff;--indigo: #66d9ef;--blue: #66d9ef;--gold: #e6db74;--green: #a6e22e;--red: #f92672;--orange: #fd971f;--purple: #ae81ff;--on-accent: #1a1b16;--overlay: rgba(39, 40, 34, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(102, 217, 239, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(102, 217, 239, .1);--accent-soft-strong: rgba(102, 217, 239, .18);--accent-border: rgba(102, 217, 239, .26);--accent-border-strong: rgba(102, 217, 239, .4);--accent-glow: 0 0 14px rgba(102, 217, 239, .32);--tab-hover-bg: rgba(248, 248, 242, .04);--tab-active-bg: rgba(102, 217, 239, .13);--tab-active-border: rgba(102, 217, 239, .28);--tab-active-line: rgba(102, 217, 239, .95);--tab-overflow-shadow: rgba(39, 40, 34, .62);--violet-soft: rgba(174, 129, 255, .13);--violet-border: rgba(174, 129, 255, .28);--indigo-soft: rgba(102, 217, 239, .12);--indigo-border: rgba(102, 217, 239, .26);--blue-soft: rgba(102, 217, 239, .1);--blue-border: rgba(102, 217, 239, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(174, 129, 255, .13);--purple-border: rgba(174, 129, 255, .28);--green-soft: rgba(166, 226, 46, .11);--green-border: rgba(166, 226, 46, .27);--gold-soft: rgba(230, 219, 116, .12);--gold-border: rgba(230, 219, 116, .28);--note-yellow: #e6db74;--note-yellow-soft: rgba(230, 219, 116, .18);--note-yellow-border: rgba(230, 219, 116, .4);--orange-soft: rgba(253, 151, 31, .11);--orange-border: rgba(253, 151, 31, .27);--red-soft: rgba(249, 38, 114, .1);--red-border: rgba(249, 38, 114, .27);--canvas-glow-a: rgba(102, 217, 239, .045);--canvas-glow-b: rgba(174, 129, 255, .035);--state-active-fill: rgba(102, 217, 239, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(102, 217, 239, .42));--state-reject-fill: rgba(249, 38, 114, .1);--marquee-fill: rgba(102, 217, 239, .1);--minimap-viewport: rgba(102, 217, 239, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=one-dark]{color-scheme:dark;--bg: #282c34;--bg2: #21252b;--bg3: #2c313a;--surface: #2c313a;--surface2: #333842;--surface3: #3e4451;--border: rgba(97, 175, 239, .12);--border2: rgba(97, 175, 239, .22);--sb-thumb: rgba(97, 175, 239, .26);--sb-thumb-hover: rgba(97, 175, 239, .42);--sb-thumb-active: rgba(97, 175, 239, .6);--text: #abb2bf;--text2: #828997;--text3: #5c6370;--accent: #61afef;--accent2: #c678dd;--violet: #c678dd;--indigo: #61afef;--blue: #61afef;--gold: #e5c07b;--green: #98c379;--red: #e06c75;--orange: #d19a66;--purple: #c678dd;--on-accent: #1a1c20;--overlay: rgba(40, 44, 52, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(97, 175, 239, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(97, 175, 239, .1);--accent-soft-strong: rgba(97, 175, 239, .18);--accent-border: rgba(97, 175, 239, .26);--accent-border-strong: rgba(97, 175, 239, .4);--accent-glow: 0 0 14px rgba(97, 175, 239, .32);--tab-hover-bg: rgba(171, 178, 191, .04);--tab-active-bg: rgba(97, 175, 239, .13);--tab-active-border: rgba(97, 175, 239, .28);--tab-active-line: rgba(97, 175, 239, .95);--tab-overflow-shadow: rgba(40, 44, 52, .62);--violet-soft: rgba(198, 120, 221, .13);--violet-border: rgba(198, 120, 221, .28);--indigo-soft: rgba(97, 175, 239, .12);--indigo-border: rgba(97, 175, 239, .26);--blue-soft: rgba(97, 175, 239, .1);--blue-border: rgba(97, 175, 239, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(198, 120, 221, .13);--purple-border: rgba(198, 120, 221, .28);--green-soft: rgba(152, 195, 121, .11);--green-border: rgba(152, 195, 121, .27);--gold-soft: rgba(229, 192, 123, .12);--gold-border: rgba(229, 192, 123, .28);--note-yellow: #e5c07b;--note-yellow-soft: rgba(229, 192, 123, .18);--note-yellow-border: rgba(229, 192, 123, .4);--orange-soft: rgba(209, 154, 102, .11);--orange-border: rgba(209, 154, 102, .27);--red-soft: rgba(224, 108, 117, .1);--red-border: rgba(224, 108, 117, .27);--canvas-glow-a: rgba(97, 175, 239, .045);--canvas-glow-b: rgba(198, 120, 221, .035);--state-active-fill: rgba(97, 175, 239, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(97, 175, 239, .42));--state-reject-fill: rgba(224, 108, 117, .1);--marquee-fill: rgba(97, 175, 239, .1);--minimap-viewport: rgba(97, 175, 239, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=tokyo-night]{color-scheme:dark;--bg: #1a1b26;--bg2: #16161e;--bg3: #232433;--surface: #232433;--surface2: #292e42;--surface3: #343a52;--border: rgba(122, 162, 247, .12);--border2: rgba(122, 162, 247, .22);--sb-thumb: rgba(122, 162, 247, .26);--sb-thumb-hover: rgba(122, 162, 247, .42);--sb-thumb-active: rgba(122, 162, 247, .6);--text: #c0caf5;--text2: #9099c4;--text3: #565f89;--accent: #7aa2f7;--accent2: #bb9af7;--violet: #bb9af7;--indigo: #7aa2f7;--blue: #7dcfff;--gold: #e0af68;--green: #9ece6a;--red: #f7768e;--orange: #ff9e64;--purple: #bb9af7;--on-accent: #161620;--overlay: rgba(26, 27, 38, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(122, 162, 247, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(122, 162, 247, .1);--accent-soft-strong: rgba(122, 162, 247, .18);--accent-border: rgba(122, 162, 247, .26);--accent-border-strong: rgba(122, 162, 247, .4);--accent-glow: 0 0 14px rgba(122, 162, 247, .32);--tab-hover-bg: rgba(192, 202, 245, .04);--tab-active-bg: rgba(122, 162, 247, .13);--tab-active-border: rgba(122, 162, 247, .28);--tab-active-line: rgba(122, 162, 247, .95);--tab-overflow-shadow: rgba(26, 27, 38, .62);--violet-soft: rgba(187, 154, 247, .13);--violet-border: rgba(187, 154, 247, .28);--indigo-soft: rgba(122, 162, 247, .12);--indigo-border: rgba(122, 162, 247, .26);--blue-soft: rgba(125, 207, 255, .1);--blue-border: rgba(125, 207, 255, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(187, 154, 247, .13);--purple-border: rgba(187, 154, 247, .28);--green-soft: rgba(158, 206, 106, .11);--green-border: rgba(158, 206, 106, .27);--gold-soft: rgba(224, 175, 104, .12);--gold-border: rgba(224, 175, 104, .28);--note-yellow: #e0af68;--note-yellow-soft: rgba(224, 175, 104, .18);--note-yellow-border: rgba(224, 175, 104, .4);--orange-soft: rgba(255, 158, 100, .11);--orange-border: rgba(255, 158, 100, .27);--red-soft: rgba(247, 118, 142, .1);--red-border: rgba(247, 118, 142, .27);--canvas-glow-a: rgba(122, 162, 247, .045);--canvas-glow-b: rgba(187, 154, 247, .035);--state-active-fill: rgba(122, 162, 247, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(122, 162, 247, .42));--state-reject-fill: rgba(247, 118, 142, .1);--marquee-fill: rgba(122, 162, 247, .1);--minimap-viewport: rgba(122, 162, 247, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=catppuccin]{color-scheme:dark;--bg: #1e1e2e;--bg2: #181825;--bg3: #292c3c;--surface: #292c3c;--surface2: #313244;--surface3: #45475a;--border: rgba(137, 180, 250, .12);--border2: rgba(137, 180, 250, .22);--sb-thumb: rgba(137, 180, 250, .26);--sb-thumb-hover: rgba(137, 180, 250, .42);--sb-thumb-active: rgba(137, 180, 250, .6);--text: #cdd6f4;--text2: #a6adc8;--text3: #6c7086;--accent: #89b4fa;--accent2: #cba6f7;--violet: #cba6f7;--indigo: #b4befe;--blue: #89b4fa;--gold: #f9e2af;--green: #a6e3a1;--red: #f38ba8;--orange: #fab387;--purple: #cba6f7;--on-accent: #181825;--overlay: rgba(30, 30, 46, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(137, 180, 250, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(137, 180, 250, .1);--accent-soft-strong: rgba(137, 180, 250, .18);--accent-border: rgba(137, 180, 250, .26);--accent-border-strong: rgba(137, 180, 250, .4);--accent-glow: 0 0 14px rgba(137, 180, 250, .32);--tab-hover-bg: rgba(205, 214, 244, .04);--tab-active-bg: rgba(137, 180, 250, .13);--tab-active-border: rgba(137, 180, 250, .28);--tab-active-line: rgba(137, 180, 250, .95);--tab-overflow-shadow: rgba(30, 30, 46, .62);--violet-soft: rgba(203, 166, 247, .13);--violet-border: rgba(203, 166, 247, .28);--indigo-soft: rgba(180, 190, 254, .12);--indigo-border: rgba(180, 190, 254, .26);--blue-soft: rgba(137, 180, 250, .1);--blue-border: rgba(137, 180, 250, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(203, 166, 247, .13);--purple-border: rgba(203, 166, 247, .28);--green-soft: rgba(166, 227, 161, .11);--green-border: rgba(166, 227, 161, .27);--gold-soft: rgba(249, 226, 175, .12);--gold-border: rgba(249, 226, 175, .28);--note-yellow: #f9e2af;--note-yellow-soft: rgba(249, 226, 175, .18);--note-yellow-border: rgba(249, 226, 175, .4);--orange-soft: rgba(250, 179, 135, .11);--orange-border: rgba(250, 179, 135, .27);--red-soft: rgba(243, 139, 168, .1);--red-border: rgba(243, 139, 168, .27);--canvas-glow-a: rgba(137, 180, 250, .045);--canvas-glow-b: rgba(203, 166, 247, .035);--state-active-fill: rgba(137, 180, 250, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(137, 180, 250, .42));--state-reject-fill: rgba(243, 139, 168, .1);--marquee-fill: rgba(137, 180, 250, .1);--minimap-viewport: rgba(137, 180, 250, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=rose-pine]{color-scheme:dark;--bg: #191724;--bg2: #14121f;--bg3: #1f1d2e;--surface: #1f1d2e;--surface2: #26233a;--surface3: #403d52;--border: rgba(156, 207, 216, .12);--border2: rgba(156, 207, 216, .22);--sb-thumb: rgba(156, 207, 216, .26);--sb-thumb-hover: rgba(156, 207, 216, .42);--sb-thumb-active: rgba(156, 207, 216, .6);--text: #e0def4;--text2: #a8a4c5;--text3: #6e6a86;--accent: #9ccfd8;--accent2: #c4a7e7;--violet: #c4a7e7;--indigo: #31748f;--blue: #9ccfd8;--gold: #f6c177;--green: #31748f;--red: #eb6f92;--orange: #ebbcba;--purple: #c4a7e7;--on-accent: #161320;--overlay: rgba(25, 23, 36, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(156, 207, 216, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(156, 207, 216, .1);--accent-soft-strong: rgba(156, 207, 216, .18);--accent-border: rgba(156, 207, 216, .26);--accent-border-strong: rgba(156, 207, 216, .4);--accent-glow: 0 0 14px rgba(156, 207, 216, .32);--tab-hover-bg: rgba(224, 222, 244, .04);--tab-active-bg: rgba(156, 207, 216, .13);--tab-active-border: rgba(156, 207, 216, .28);--tab-active-line: rgba(156, 207, 216, .95);--tab-overflow-shadow: rgba(25, 23, 36, .62);--violet-soft: rgba(196, 167, 231, .13);--violet-border: rgba(196, 167, 231, .28);--indigo-soft: rgba(49, 116, 143, .12);--indigo-border: rgba(49, 116, 143, .26);--blue-soft: rgba(156, 207, 216, .1);--blue-border: rgba(156, 207, 216, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(196, 167, 231, .13);--purple-border: rgba(196, 167, 231, .28);--green-soft: rgba(49, 116, 143, .11);--green-border: rgba(49, 116, 143, .27);--gold-soft: rgba(246, 193, 119, .12);--gold-border: rgba(246, 193, 119, .28);--note-yellow: #f6c177;--note-yellow-soft: rgba(246, 193, 119, .18);--note-yellow-border: rgba(246, 193, 119, .4);--orange-soft: rgba(235, 188, 186, .11);--orange-border: rgba(235, 188, 186, .27);--red-soft: rgba(235, 111, 146, .1);--red-border: rgba(235, 111, 146, .27);--canvas-glow-a: rgba(156, 207, 216, .045);--canvas-glow-b: rgba(196, 167, 231, .035);--state-active-fill: rgba(156, 207, 216, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(156, 207, 216, .42));--state-reject-fill: rgba(235, 111, 146, .1);--marquee-fill: rgba(156, 207, 216, .1);--minimap-viewport: rgba(156, 207, 216, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=github-light]{color-scheme:light;--bg: #ffffff;--bg2: #f6f8fa;--bg3: #eaeef2;--surface: #ffffff;--surface2: #f6f8fa;--surface3: #eaeef2;--border: rgba(89, 99, 110, .14);--border2: rgba(89, 99, 110, .24);--sb-thumb: rgba(89, 99, 110, .26);--sb-thumb-hover: rgba(89, 99, 110, .4);--sb-thumb-active: rgba(89, 99, 110, .56);--text: #1f2328;--text2: #59636e;--text3: #8c959f;--accent: #0969da;--accent2: #8250df;--violet: #8250df;--indigo: #0969da;--blue: #0969da;--gold: #9a6700;--green: #1a7f37;--red: #d1242f;--orange: #bc4c00;--purple: #8250df;--on-accent: #ffffff;--overlay: rgba(89, 99, 110, .16);--overlay-ring: rgba(255, 255, 255, .75);--focus-ring: rgba(9, 105, 218, .12);--panel-shadow-left: 2px 0 18px rgba(31, 30, 20, .1);--panel-shadow-right: -2px 0 18px rgba(31, 30, 20, .1);--accent-soft: rgba(9, 105, 218, .1);--accent-soft-strong: rgba(9, 105, 218, .18);--accent-border: rgba(9, 105, 218, .24);--accent-border-strong: rgba(9, 105, 218, .36);--accent-glow: 0 10px 24px rgba(9, 105, 218, .16);--tab-hover-bg: rgba(89, 99, 110, .05);--tab-active-bg: rgba(9, 105, 218, .095);--tab-active-border: rgba(9, 105, 218, .28);--tab-active-line: rgba(9, 105, 218, .9);--tab-overflow-shadow: rgba(89, 99, 110, .36);--violet-soft: rgba(130, 80, 223, .13);--violet-border: rgba(130, 80, 223, .28);--indigo-soft: rgba(9, 105, 218, .12);--indigo-border: rgba(9, 105, 218, .26);--blue-soft: rgba(9, 105, 218, .1);--blue-border: rgba(9, 105, 218, .26);--white-note: #ffffff;--white-note-soft: rgba(255, 255, 255, .94);--white-note-border: rgba(89, 99, 110, .22);--purple-soft: rgba(130, 80, 223, .13);--purple-border: rgba(130, 80, 223, .28);--green-soft: rgba(26, 127, 55, .11);--green-border: rgba(26, 127, 55, .27);--gold-soft: rgba(154, 103, 0, .12);--gold-border: rgba(154, 103, 0, .28);--note-yellow: #9a6700;--note-yellow-soft: rgba(154, 103, 0, .2);--note-yellow-border: rgba(154, 103, 0, .32);--orange-soft: rgba(188, 76, 0, .11);--orange-border: rgba(188, 76, 0, .27);--red-soft: rgba(209, 36, 47, .1);--red-border: rgba(209, 36, 47, .27);--canvas-glow-a: rgba(9, 105, 218, .05);--canvas-glow-b: rgba(130, 80, 223, .04);--state-active-fill: rgba(9, 105, 218, .12);--state-active-shadow: drop-shadow(0 8px 18px rgba(9, 105, 218, .14));--state-reject-fill: rgba(209, 36, 47, .09);--marquee-fill: rgba(9, 105, 218, .08);--minimap-viewport: rgba(9, 105, 218, .45);--shadow-sm: 0 2px 10px rgba(31, 30, 20, .09);--shadow-md: 0 10px 28px rgba(31, 30, 20, .13);--shadow-lg: 0 20px 56px rgba(31, 30, 20, .17)}:root[data-theme=github-dark]{color-scheme:dark;--bg: #0d1117;--bg2: #010409;--bg3: #161b22;--surface: #161b22;--surface2: #1c2128;--surface3: #282e36;--border: rgba(88, 166, 255, .12);--border2: rgba(88, 166, 255, .22);--sb-thumb: rgba(88, 166, 255, .26);--sb-thumb-hover: rgba(88, 166, 255, .42);--sb-thumb-active: rgba(88, 166, 255, .6);--text: #e6edf3;--text2: #9198a1;--text3: #6e7681;--accent: #58a6ff;--accent2: #bc8cff;--violet: #bc8cff;--indigo: #58a6ff;--blue: #58a6ff;--gold: #d29922;--green: #3fb950;--red: #f85149;--orange: #db6d28;--purple: #bc8cff;--on-accent: #0d1117;--overlay: rgba(13, 17, 23, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(88, 166, 255, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(88, 166, 255, .1);--accent-soft-strong: rgba(88, 166, 255, .18);--accent-border: rgba(88, 166, 255, .26);--accent-border-strong: rgba(88, 166, 255, .4);--accent-glow: 0 0 14px rgba(88, 166, 255, .32);--tab-hover-bg: rgba(230, 237, 243, .04);--tab-active-bg: rgba(88, 166, 255, .13);--tab-active-border: rgba(88, 166, 255, .28);--tab-active-line: rgba(88, 166, 255, .95);--tab-overflow-shadow: rgba(13, 17, 23, .62);--violet-soft: rgba(188, 140, 255, .13);--violet-border: rgba(188, 140, 255, .28);--indigo-soft: rgba(88, 166, 255, .12);--indigo-border: rgba(88, 166, 255, .26);--blue-soft: rgba(88, 166, 255, .1);--blue-border: rgba(88, 166, 255, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(188, 140, 255, .13);--purple-border: rgba(188, 140, 255, .28);--green-soft: rgba(63, 185, 80, .11);--green-border: rgba(63, 185, 80, .27);--gold-soft: rgba(210, 153, 34, .12);--gold-border: rgba(210, 153, 34, .28);--note-yellow: #d29922;--note-yellow-soft: rgba(210, 153, 34, .18);--note-yellow-border: rgba(210, 153, 34, .4);--orange-soft: rgba(219, 109, 40, .11);--orange-border: rgba(219, 109, 40, .27);--red-soft: rgba(248, 81, 73, .1);--red-border: rgba(248, 81, 73, .27);--canvas-glow-a: rgba(88, 166, 255, .045);--canvas-glow-b: rgba(188, 140, 255, .035);--state-active-fill: rgba(88, 166, 255, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(88, 166, 255, .42));--state-reject-fill: rgba(248, 81, 73, .1);--marquee-fill: rgba(88, 166, 255, .1);--minimap-viewport: rgba(88, 166, 255, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=sepia]{color-scheme:light;--bg: #f4ecd8;--bg2: #efe4c8;--bg3: #e8dab8;--surface: #fbf5e6;--surface2: #f2e8d0;--surface3: #e8dab8;--border: rgba(122, 105, 82, .14);--border2: rgba(122, 105, 82, .24);--sb-thumb: rgba(122, 105, 82, .26);--sb-thumb-hover: rgba(122, 105, 82, .4);--sb-thumb-active: rgba(122, 105, 82, .56);--text: #4b3621;--text2: #7a6952;--text3: #a08f72;--accent: #a0522d;--accent2: #b5651d;--violet: #8a6d9b;--indigo: #6b7d99;--blue: #5b7d9a;--gold: #b8860b;--green: #6b8e4e;--red: #b5453f;--orange: #c1732f;--purple: #8a6d9b;--on-accent: #fbf5e6;--overlay: rgba(122, 105, 82, .16);--overlay-ring: rgba(255, 255, 255, .75);--focus-ring: rgba(160, 82, 45, .12);--panel-shadow-left: 2px 0 18px rgba(31, 30, 20, .1);--panel-shadow-right: -2px 0 18px rgba(31, 30, 20, .1);--accent-soft: rgba(160, 82, 45, .1);--accent-soft-strong: rgba(160, 82, 45, .18);--accent-border: rgba(160, 82, 45, .24);--accent-border-strong: rgba(160, 82, 45, .36);--accent-glow: 0 10px 24px rgba(160, 82, 45, .16);--tab-hover-bg: rgba(122, 105, 82, .05);--tab-active-bg: rgba(160, 82, 45, .095);--tab-active-border: rgba(160, 82, 45, .28);--tab-active-line: rgba(160, 82, 45, .9);--tab-overflow-shadow: rgba(122, 105, 82, .36);--violet-soft: rgba(138, 109, 155, .13);--violet-border: rgba(138, 109, 155, .28);--indigo-soft: rgba(107, 125, 153, .12);--indigo-border: rgba(107, 125, 153, .26);--blue-soft: rgba(91, 125, 154, .1);--blue-border: rgba(91, 125, 154, .26);--white-note: #ffffff;--white-note-soft: rgba(255, 255, 255, .94);--white-note-border: rgba(122, 105, 82, .22);--purple-soft: rgba(138, 109, 155, .13);--purple-border: rgba(138, 109, 155, .28);--green-soft: rgba(107, 142, 78, .11);--green-border: rgba(107, 142, 78, .27);--gold-soft: rgba(184, 134, 11, .12);--gold-border: rgba(184, 134, 11, .28);--note-yellow: #b8860b;--note-yellow-soft: rgba(184, 134, 11, .2);--note-yellow-border: rgba(184, 134, 11, .32);--orange-soft: rgba(193, 115, 47, .11);--orange-border: rgba(193, 115, 47, .27);--red-soft: rgba(181, 69, 63, .1);--red-border: rgba(181, 69, 63, .27);--canvas-glow-a: rgba(160, 82, 45, .05);--canvas-glow-b: rgba(138, 109, 155, .04);--state-active-fill: rgba(160, 82, 45, .12);--state-active-shadow: drop-shadow(0 8px 18px rgba(160, 82, 45, .14));--state-reject-fill: rgba(181, 69, 63, .09);--marquee-fill: rgba(160, 82, 45, .08);--minimap-viewport: rgba(160, 82, 45, .45);--shadow-sm: 0 2px 10px rgba(31, 30, 20, .09);--shadow-md: 0 10px 28px rgba(31, 30, 20, .13);--shadow-lg: 0 20px 56px rgba(31, 30, 20, .17)}:root[data-theme=high-contrast]{color-scheme:dark;--bg: #000000;--bg2: #0a0a0a;--bg3: #141414;--surface: #0d0d0d;--surface2: #1a1a1a;--surface3: #262626;--border: rgba(0, 217, 255, .12);--border2: rgba(0, 217, 255, .22);--sb-thumb: rgba(0, 217, 255, .26);--sb-thumb-hover: rgba(0, 217, 255, .42);--sb-thumb-active: rgba(0, 217, 255, .6);--text: #ffffff;--text2: #e0e0e0;--text3: #a0a0a0;--accent: #00d9ff;--accent2: #ffd60a;--violet: #d896ff;--indigo: #5e9eff;--blue: #00d9ff;--gold: #ffd60a;--green: #00ff9c;--red: #ff4d4d;--orange: #ff9f1c;--purple: #d896ff;--on-accent: #000000;--overlay: rgba(0, 0, 0, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(0, 217, 255, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(0, 217, 255, .1);--accent-soft-strong: rgba(0, 217, 255, .18);--accent-border: rgba(0, 217, 255, .26);--accent-border-strong: rgba(0, 217, 255, .4);--accent-glow: 0 0 14px rgba(0, 217, 255, .32);--tab-hover-bg: rgba(255, 255, 255, .04);--tab-active-bg: rgba(0, 217, 255, .13);--tab-active-border: rgba(0, 217, 255, .28);--tab-active-line: rgba(0, 217, 255, .95);--tab-overflow-shadow: rgba(0, 0, 0, .62);--violet-soft: rgba(216, 150, 255, .13);--violet-border: rgba(216, 150, 255, .28);--indigo-soft: rgba(94, 158, 255, .12);--indigo-border: rgba(94, 158, 255, .26);--blue-soft: rgba(0, 217, 255, .1);--blue-border: rgba(0, 217, 255, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(216, 150, 255, .13);--purple-border: rgba(216, 150, 255, .28);--green-soft: rgba(0, 255, 156, .11);--green-border: rgba(0, 255, 156, .27);--gold-soft: rgba(255, 214, 10, .12);--gold-border: rgba(255, 214, 10, .28);--note-yellow: #ffd60a;--note-yellow-soft: rgba(255, 214, 10, .18);--note-yellow-border: rgba(255, 214, 10, .4);--orange-soft: rgba(255, 159, 28, .11);--orange-border: rgba(255, 159, 28, .27);--red-soft: rgba(255, 77, 77, .1);--red-border: rgba(255, 77, 77, .27);--canvas-glow-a: rgba(0, 217, 255, .045);--canvas-glow-b: rgba(216, 150, 255, .035);--state-active-fill: rgba(0, 217, 255, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(0, 217, 255, .42));--state-reject-fill: rgba(255, 77, 77, .1);--marquee-fill: rgba(0, 217, 255, .1);--minimap-viewport: rgba(0, 217, 255, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=ayu-light]{color-scheme:light;--bg: #fafafa;--bg2: #f3f3f3;--bg3: #e7e8e9;--surface: #ffffff;--surface2: #f3f3f3;--surface3: #e7e8e9;--border: rgba(120, 123, 128, .14);--border2: rgba(120, 123, 128, .24);--sb-thumb: rgba(120, 123, 128, .26);--sb-thumb-hover: rgba(120, 123, 128, .4);--sb-thumb-active: rgba(120, 123, 128, .56);--text: #5c6166;--text2: #787b80;--text3: #a3a6a6;--accent: #ff9940;--accent2: #399ee6;--violet: #a37acc;--indigo: #399ee6;--blue: #399ee6;--gold: #bf7e00;--green: #6a8f00;--red: #f51818;--orange: #fa8d3e;--purple: #a37acc;--on-accent: #fafafa;--overlay: rgba(120, 123, 128, .16);--overlay-ring: rgba(255, 255, 255, .75);--focus-ring: rgba(255, 153, 64, .12);--panel-shadow-left: 2px 0 18px rgba(31, 30, 20, .1);--panel-shadow-right: -2px 0 18px rgba(31, 30, 20, .1);--accent-soft: rgba(255, 153, 64, .1);--accent-soft-strong: rgba(255, 153, 64, .18);--accent-border: rgba(255, 153, 64, .24);--accent-border-strong: rgba(255, 153, 64, .36);--accent-glow: 0 10px 24px rgba(255, 153, 64, .16);--tab-hover-bg: rgba(120, 123, 128, .05);--tab-active-bg: rgba(255, 153, 64, .095);--tab-active-border: rgba(255, 153, 64, .28);--tab-active-line: rgba(255, 153, 64, .9);--tab-overflow-shadow: rgba(120, 123, 128, .36);--violet-soft: rgba(163, 122, 204, .13);--violet-border: rgba(163, 122, 204, .28);--indigo-soft: rgba(57, 158, 230, .12);--indigo-border: rgba(57, 158, 230, .26);--blue-soft: rgba(57, 158, 230, .1);--blue-border: rgba(57, 158, 230, .26);--white-note: #ffffff;--white-note-soft: rgba(255, 255, 255, .94);--white-note-border: rgba(120, 123, 128, .22);--purple-soft: rgba(163, 122, 204, .13);--purple-border: rgba(163, 122, 204, .28);--green-soft: rgba(106, 143, 0, .11);--green-border: rgba(106, 143, 0, .27);--gold-soft: rgba(191, 126, 0, .12);--gold-border: rgba(191, 126, 0, .28);--note-yellow: #f2ae49;--note-yellow-soft: rgba(242, 174, 73, .2);--note-yellow-border: rgba(242, 174, 73, .32);--orange-soft: rgba(250, 141, 62, .11);--orange-border: rgba(250, 141, 62, .27);--red-soft: rgba(245, 24, 24, .1);--red-border: rgba(245, 24, 24, .27);--canvas-glow-a: rgba(255, 153, 64, .05);--canvas-glow-b: rgba(163, 122, 204, .04);--state-active-fill: rgba(255, 153, 64, .12);--state-active-shadow: drop-shadow(0 8px 18px rgba(255, 153, 64, .14));--state-reject-fill: rgba(245, 24, 24, .09);--marquee-fill: rgba(255, 153, 64, .08);--minimap-viewport: rgba(255, 153, 64, .45);--shadow-sm: 0 2px 10px rgba(31, 30, 20, .09);--shadow-md: 0 10px 28px rgba(31, 30, 20, .13);--shadow-lg: 0 20px 56px rgba(31, 30, 20, .17)}:root[data-theme=ayu-dark]{color-scheme:dark;--bg: #0a0e14;--bg2: #060a10;--bg3: #0d1219;--surface: #0d1219;--surface2: #131721;--surface3: #1b202b;--border: rgba(89, 194, 255, .12);--border2: rgba(89, 194, 255, .22);--sb-thumb: rgba(89, 194, 255, .26);--sb-thumb-hover: rgba(89, 194, 255, .42);--sb-thumb-active: rgba(89, 194, 255, .6);--text: #b3b1ad;--text2: #828c99;--text3: #4d5566;--accent: #ffb454;--accent2: #59c2ff;--violet: #d2a6ff;--indigo: #59c2ff;--blue: #59c2ff;--gold: #e6b450;--green: #c2d94c;--red: #ff3333;--orange: #ff8f40;--purple: #d2a6ff;--on-accent: #0a0e14;--overlay: rgba(10, 14, 20, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(255, 180, 84, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(255, 180, 84, .1);--accent-soft-strong: rgba(255, 180, 84, .18);--accent-border: rgba(255, 180, 84, .26);--accent-border-strong: rgba(255, 180, 84, .4);--accent-glow: 0 0 14px rgba(255, 180, 84, .32);--tab-hover-bg: rgba(179, 177, 173, .04);--tab-active-bg: rgba(255, 180, 84, .13);--tab-active-border: rgba(255, 180, 84, .28);--tab-active-line: rgba(255, 180, 84, .95);--tab-overflow-shadow: rgba(10, 14, 20, .62);--violet-soft: rgba(210, 166, 255, .13);--violet-border: rgba(210, 166, 255, .28);--indigo-soft: rgba(89, 194, 255, .12);--indigo-border: rgba(89, 194, 255, .26);--blue-soft: rgba(89, 194, 255, .1);--blue-border: rgba(89, 194, 255, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(210, 166, 255, .13);--purple-border: rgba(210, 166, 255, .28);--green-soft: rgba(194, 217, 76, .11);--green-border: rgba(194, 217, 76, .27);--gold-soft: rgba(230, 180, 80, .12);--gold-border: rgba(230, 180, 80, .28);--note-yellow: #e6b450;--note-yellow-soft: rgba(230, 180, 80, .18);--note-yellow-border: rgba(230, 180, 80, .4);--orange-soft: rgba(255, 143, 64, .11);--orange-border: rgba(255, 143, 64, .27);--red-soft: rgba(255, 51, 51, .1);--red-border: rgba(255, 51, 51, .27);--canvas-glow-a: rgba(255, 180, 84, .045);--canvas-glow-b: rgba(210, 166, 255, .035);--state-active-fill: rgba(255, 180, 84, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(255, 180, 84, .42));--state-reject-fill: rgba(255, 51, 51, .1);--marquee-fill: rgba(255, 180, 84, .1);--minimap-viewport: rgba(255, 180, 84, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=ayu-mirage]{color-scheme:dark;--bg: #1f2430;--bg2: #191e2a;--bg3: #232834;--surface: #232834;--surface2: #2a2f3b;--surface3: #333947;--border: rgba(92, 207, 230, .12);--border2: rgba(92, 207, 230, .22);--sb-thumb: rgba(92, 207, 230, .26);--sb-thumb-hover: rgba(92, 207, 230, .42);--sb-thumb-active: rgba(92, 207, 230, .6);--text: #cbccc6;--text2: #8a9199;--text3: #5c6773;--accent: #ffcc66;--accent2: #5ccfe6;--violet: #dfbfff;--indigo: #5ccfe6;--blue: #5ccfe6;--gold: #ffd173;--green: #bae67e;--red: #f28779;--orange: #ffa759;--purple: #dfbfff;--on-accent: #1f2430;--overlay: rgba(31, 36, 48, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(255, 204, 102, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(255, 204, 102, .1);--accent-soft-strong: rgba(255, 204, 102, .18);--accent-border: rgba(255, 204, 102, .26);--accent-border-strong: rgba(255, 204, 102, .4);--accent-glow: 0 0 14px rgba(255, 204, 102, .32);--tab-hover-bg: rgba(203, 204, 198, .04);--tab-active-bg: rgba(255, 204, 102, .13);--tab-active-border: rgba(255, 204, 102, .28);--tab-active-line: rgba(255, 204, 102, .95);--tab-overflow-shadow: rgba(31, 36, 48, .62);--violet-soft: rgba(223, 191, 255, .13);--violet-border: rgba(223, 191, 255, .28);--indigo-soft: rgba(92, 207, 230, .12);--indigo-border: rgba(92, 207, 230, .26);--blue-soft: rgba(92, 207, 230, .1);--blue-border: rgba(92, 207, 230, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(223, 191, 255, .13);--purple-border: rgba(223, 191, 255, .28);--green-soft: rgba(186, 230, 126, .11);--green-border: rgba(186, 230, 126, .27);--gold-soft: rgba(255, 209, 115, .12);--gold-border: rgba(255, 209, 115, .28);--note-yellow: #ffd173;--note-yellow-soft: rgba(255, 209, 115, .18);--note-yellow-border: rgba(255, 209, 115, .4);--orange-soft: rgba(255, 167, 89, .11);--orange-border: rgba(255, 167, 89, .27);--red-soft: rgba(242, 135, 121, .1);--red-border: rgba(242, 135, 121, .27);--canvas-glow-a: rgba(255, 204, 102, .045);--canvas-glow-b: rgba(223, 191, 255, .035);--state-active-fill: rgba(255, 204, 102, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(255, 204, 102, .42));--state-reject-fill: rgba(242, 135, 121, .1);--marquee-fill: rgba(255, 204, 102, .1);--minimap-viewport: rgba(255, 204, 102, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=material]{color-scheme:dark;--bg: #292d3e;--bg2: #212436;--bg3: #32374a;--surface: #32374a;--surface2: #3a3f58;--surface3: #444a68;--border: rgba(130, 170, 255, .12);--border2: rgba(130, 170, 255, .22);--sb-thumb: rgba(130, 170, 255, .26);--sb-thumb-hover: rgba(130, 170, 255, .42);--sb-thumb-active: rgba(130, 170, 255, .6);--text: #eeffff;--text2: #a6accd;--text3: #676e95;--accent: #82aaff;--accent2: #c792ea;--violet: #c792ea;--indigo: #82aaff;--blue: #82aaff;--gold: #ffcb6b;--green: #c3e88d;--red: #f07178;--orange: #f78c6c;--purple: #c792ea;--on-accent: #1a1c2a;--overlay: rgba(41, 45, 62, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(130, 170, 255, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(130, 170, 255, .1);--accent-soft-strong: rgba(130, 170, 255, .18);--accent-border: rgba(130, 170, 255, .26);--accent-border-strong: rgba(130, 170, 255, .4);--accent-glow: 0 0 14px rgba(130, 170, 255, .32);--tab-hover-bg: rgba(238, 255, 255, .04);--tab-active-bg: rgba(130, 170, 255, .13);--tab-active-border: rgba(130, 170, 255, .28);--tab-active-line: rgba(130, 170, 255, .95);--tab-overflow-shadow: rgba(41, 45, 62, .62);--violet-soft: rgba(199, 146, 234, .13);--violet-border: rgba(199, 146, 234, .28);--indigo-soft: rgba(130, 170, 255, .12);--indigo-border: rgba(130, 170, 255, .26);--blue-soft: rgba(130, 170, 255, .1);--blue-border: rgba(130, 170, 255, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(199, 146, 234, .13);--purple-border: rgba(199, 146, 234, .28);--green-soft: rgba(195, 232, 141, .11);--green-border: rgba(195, 232, 141, .27);--gold-soft: rgba(255, 203, 107, .12);--gold-border: rgba(255, 203, 107, .28);--note-yellow: #ffcb6b;--note-yellow-soft: rgba(255, 203, 107, .18);--note-yellow-border: rgba(255, 203, 107, .4);--orange-soft: rgba(247, 140, 108, .11);--orange-border: rgba(247, 140, 108, .27);--red-soft: rgba(240, 113, 120, .1);--red-border: rgba(240, 113, 120, .27);--canvas-glow-a: rgba(130, 170, 255, .045);--canvas-glow-b: rgba(199, 146, 234, .035);--state-active-fill: rgba(130, 170, 255, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(130, 170, 255, .42));--state-reject-fill: rgba(240, 113, 120, .1);--marquee-fill: rgba(130, 170, 255, .1);--minimap-viewport: rgba(130, 170, 255, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}:root[data-theme=everforest]{color-scheme:dark;--bg: #2d353b;--bg2: #272e33;--bg3: #343f44;--surface: #343f44;--surface2: #3d484d;--surface3: #475258;--border: rgba(167, 192, 128, .12);--border2: rgba(167, 192, 128, .22);--sb-thumb: rgba(167, 192, 128, .26);--sb-thumb-hover: rgba(167, 192, 128, .42);--sb-thumb-active: rgba(167, 192, 128, .6);--text: #d3c6aa;--text2: #9da9a0;--text3: #7a8478;--accent: #a7c080;--accent2: #83c092;--violet: #d699b6;--indigo: #7fbbb3;--blue: #7fbbb3;--gold: #dbbc7f;--green: #a7c080;--red: #e67e80;--orange: #e69875;--purple: #d699b6;--on-accent: #2d353b;--overlay: rgba(45, 53, 59, .72);--overlay-ring: rgba(255, 255, 255, .025);--focus-ring: rgba(167, 192, 128, .12);--panel-shadow-left: 2px 0 12px rgba(0, 0, 0, .25);--panel-shadow-right: -2px 0 12px rgba(0, 0, 0, .25);--accent-soft: rgba(167, 192, 128, .1);--accent-soft-strong: rgba(167, 192, 128, .18);--accent-border: rgba(167, 192, 128, .26);--accent-border-strong: rgba(167, 192, 128, .4);--accent-glow: 0 0 14px rgba(167, 192, 128, .32);--tab-hover-bg: rgba(211, 198, 170, .04);--tab-active-bg: rgba(167, 192, 128, .13);--tab-active-border: rgba(167, 192, 128, .28);--tab-active-line: rgba(167, 192, 128, .95);--tab-overflow-shadow: rgba(45, 53, 59, .62);--violet-soft: rgba(214, 153, 182, .13);--violet-border: rgba(214, 153, 182, .28);--indigo-soft: rgba(127, 187, 179, .12);--indigo-border: rgba(127, 187, 179, .26);--blue-soft: rgba(127, 187, 179, .1);--blue-border: rgba(127, 187, 179, .26);--white-note: #f8fbff;--white-note-soft: rgba(248, 251, 255, .92);--white-note-border: rgba(248, 251, 255, .72);--purple-soft: rgba(214, 153, 182, .13);--purple-border: rgba(214, 153, 182, .28);--green-soft: rgba(167, 192, 128, .11);--green-border: rgba(167, 192, 128, .27);--gold-soft: rgba(219, 188, 127, .12);--gold-border: rgba(219, 188, 127, .28);--note-yellow: #dbbc7f;--note-yellow-soft: rgba(219, 188, 127, .18);--note-yellow-border: rgba(219, 188, 127, .4);--orange-soft: rgba(230, 152, 117, .11);--orange-border: rgba(230, 152, 117, .27);--red-soft: rgba(230, 126, 128, .1);--red-border: rgba(230, 126, 128, .27);--canvas-glow-a: rgba(167, 192, 128, .045);--canvas-glow-b: rgba(214, 153, 182, .035);--state-active-fill: rgba(167, 192, 128, .18);--state-active-shadow: drop-shadow(0 0 7px rgba(167, 192, 128, .42));--state-reject-fill: rgba(230, 126, 128, .1);--marquee-fill: rgba(167, 192, 128, .1);--minimap-viewport: rgba(167, 192, 128, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .65)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--mono);background:var(--bg);color:var(--text);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}input,textarea,select,.lang-claim,.def-box,.slist,.gram-output,.rp-section-body,.algo-output,.theory-content{-webkit-user-select:text;user-select:text}*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--sb-thumb-active)}::-webkit-scrollbar-corner{background:transparent}@media(pointer:coarse){*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}}.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}header{height:var(--hdr);min-height:var(--hdr);display:flex;align-items:center;gap:6px;padding:0 10px 0 0;background:var(--bg2);border-bottom:1px solid var(--border);z-index:200;flex-shrink:0}.hdr-left{display:flex;align-items:center;padding:0 16px;align-self:stretch;flex-shrink:0;gap:10px}.hdr-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.hdr-group{display:flex;align-items:center;gap:2px;flex-shrink:0}#hdr-canvas-actions,.hdr-history-actions,.hdr-file-actions{padding:2px;border-radius:7px;background:color-mix(in srgb,var(--surface) 54%,transparent)}.canvas-danger-sep{height:16px;margin:0 3px}.logo-wrapper{display:inline-flex;align-items:baseline;gap:6px;line-height:1;cursor:default;-webkit-user-select:none;user-select:none}.logo{font-family:var(--sans);font-size:1.15rem;font-weight:600;color:var(--text);white-space:nowrap;letter-spacing:-.02em}.logo em{color:var(--accent);font-style:normal;font-weight:400}.logo-author{font-family:var(--mono);font-size:.6rem;color:var(--text3);white-space:nowrap;letter-spacing:.04em;padding-left:2px}.tools-picker{position:relative;flex-shrink:0}.tools-btn .chevron{width:11px;height:11px;fill:currentColor;opacity:.65;transition:transform var(--transition-fast)}.tools-picker.open .tools-btn{background:var(--surface2);color:var(--text);border-color:var(--border2)}.tools-picker.open .chevron{transform:rotate(180deg)}.tools-btn.view-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.ctx.tools-menu,.ctx.hdr-more-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:210px;display:none;z-index:950}.ctx.tools-menu.open,.ctx.hdr-more-menu.open{display:block}.tools-menu .ctx-i.active{color:var(--accent);background:var(--accent-soft)}.hdr-more{position:relative;flex-shrink:0}.hdr-more-compact-actions{display:none}.hdr-more.open>.hbtn{background:var(--surface2);color:var(--text);border-color:var(--border2)}.hdr-sep{width:1px;height:20px;background:var(--border2);margin:0 3px;flex-shrink:0}.hbtn{font-family:var(--mono);font-size:.68rem;letter-spacing:.03em;padding:5px 9px;min-height:30px;border:1px solid transparent;background:transparent;color:var(--text3);border-radius:5px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:5px;white-space:nowrap}.hbtn:hover{background:var(--surface);color:var(--text2);border-color:var(--border2)}.hbtn.active{background:var(--surface2);color:var(--accent);border-color:var(--accent-border)}.hbtn svg{width:14px;height:14px;fill:currentColor;stroke:none;flex-shrink:0}.hbtn.icon-only{width:30px;padding:0;justify-content:center;gap:0}.hbtn.warn:hover{background:var(--red-soft);color:var(--red);border-color:var(--red-border)}.is-electron header{-webkit-app-region:drag;padding-right:0}.is-electron header button,.is-electron header input,.is-electron header a,.is-electron header [onclick],.is-electron header .ctx,.is-electron header .model-picker-menu{-webkit-app-region:no-drag}.winctl{display:none;align-self:stretch;flex-shrink:0}.is-electron .winctl{display:flex}.winctl-btn{width:46px;border:none;background:transparent;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.winctl-btn svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1}.winctl-btn:hover{background:var(--surface);color:var(--text2)}.winctl-close:hover{background:var(--red-soft);color:var(--red)}.winctl-restore-icon,.winctl-maximize.is-maximized .winctl-maximize-icon{display:none}.winctl-maximize.is-maximized .winctl-restore-icon{display:block}.hbtn.success{color:var(--green);border-color:var(--green-border)}.tab-bar-wrap{display:flex;align-items:stretch;flex:1;min-width:0;gap:6px;height:100%;overflow:hidden}.tab-bar{display:flex;align-items:center;gap:1px;background:transparent;height:36px;align-self:center;border:1px solid var(--border);border-radius:7px;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-user-select:none;user-select:none;scrollbar-width:none;padding:0 4px;position:relative;transition:box-shadow var(--transition-fast)}.tab-overflow-btn{display:none;align-items:center;justify-content:center;width:24px;height:24px;align-self:center;margin-right:2px;flex:0 0 auto;z-index:1;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text3);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tab-overflow-btn.show{display:flex}.tab-overflow-btn:hover{background:var(--surface);color:var(--text2);border-color:var(--border2)}.tab-overflow-btn[aria-expanded=true]{background:var(--surface2);color:var(--accent);border-color:var(--accent-border)}.tab-overflow-btn svg{width:11px;height:11px;fill:currentColor;transition:transform var(--transition-fast)}.tab-overflow-btn[aria-expanded=true] svg{transform:rotate(180deg)}.tab-overflow-menu{max-height:min(60vh,380px);overflow-y:auto;width:250px;z-index:950}.tab-overflow-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;font-family:var(--sans);font-size:.78rem;color:var(--text2);transition:background var(--transition-fast),color var(--transition-fast)}.tab-overflow-item:hover,.tab-overflow-item:focus-visible{background:var(--surface3);color:var(--text);outline:none}.tab-overflow-item.active{color:var(--text);background:var(--tab-active-bg);font-weight:500}.tab-overflow-item-dot{width:7px;height:7px;border-radius:999px;background:var(--item-accent, var(--accent));flex:0 0 auto}.tab-overflow-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-overflow-item-dirty{width:6px;height:6px;border-radius:999px;background:var(--orange);flex:0 0 auto}.tab-overflow-item-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;border:none;background:transparent;color:var(--text3);opacity:0;flex:0 0 auto;transition:opacity var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.tab-overflow-item-close svg{width:9px;height:9px;fill:currentColor}.tab-overflow-item:hover .tab-overflow-item-close,.tab-overflow-item:focus-within .tab-overflow-item-close{opacity:1}.tab-overflow-item-close:hover{background:var(--red-soft);color:var(--red)}@media(pointer:coarse){.tab-overflow-item-close{opacity:.75}}.tab-bar.has-overflow-left{box-shadow:inset 14px 0 12px -12px var(--tab-overflow-shadow)}.tab-bar.has-overflow-right{box-shadow:inset -14px 0 12px -12px var(--tab-overflow-shadow)}.tab-bar.has-overflow-left.has-overflow-right{box-shadow:inset 14px 0 12px -12px var(--tab-overflow-shadow),inset -14px 0 12px -12px var(--tab-overflow-shadow)}.tab-bar::-webkit-scrollbar{display:none}.tab{--tab-accent: var(--accent);display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid transparent;border-radius:5px;font-family:var(--sans);font-size:.74rem;letter-spacing:.01em;color:var(--text3);cursor:pointer;background:transparent;white-space:nowrap;height:30px;position:relative;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);flex:0 0 auto;max-width:200px}.tab[draggable=true]{cursor:grab}.tab.dragging{opacity:.5;cursor:grabbing}.tab.drop-before:before,.tab.drop-after:before,.tab.drop-end:before{content:"";position:absolute;top:5px;bottom:2px;width:2px;border-radius:1px;background:var(--tab-active-line);box-shadow:0 0 0 1px var(--bg2);pointer-events:none}.tab.drop-before:before{left:-2px}.tab.drop-after:before,.tab.drop-end:before{right:-2px}.tab:hover{background:var(--tab-hover-bg);color:var(--text2);border-color:var(--border)}.tab.active{background:var(--tab-active-bg);color:var(--text);border-color:var(--tab-active-border);font-weight:500}.tab:focus-visible{outline:none;color:var(--text);border-color:var(--tab-active-border);box-shadow:0 0 0 2px var(--focus-ring)}.tab-dot{width:6px;height:6px;border-radius:999px;background:var(--tab-accent);opacity:.5;flex:0 0 auto}.tab.active .tab-dot,.tab:hover .tab-dot{opacity:.85}.tab-name{min-width:0;max-width:12ch;overflow:hidden;text-overflow:ellipsis}.tab.active .tab-name{max-width:14ch}.tab-dirty{width:6px;height:6px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 1px var(--tab-active-bg);flex:0 0 auto}#save-now-btn{position:relative}.save-dot{position:absolute;top:3px;left:3px;width:6px;height:6px;border-radius:999px;background:var(--orange);box-shadow:0 0 0 2px var(--bg2);opacity:0;transform:scale(.6);transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:none}.autosave-countdown{position:absolute;right:2px;bottom:1px;min-width:9px;color:currentColor;font-family:var(--mono);font-size:.46rem;font-weight:700;line-height:1;text-align:center;opacity:.8;pointer-events:none}#save-now-btn.is-dirty .save-dot{opacity:1;transform:scale(1)}#save-now-btn[data-save-state=unsaved]{color:var(--orange)}#save-now-btn[data-save-state=saving]{color:var(--accent);animation:save-button-pulse .8s ease-in-out infinite alternate}#save-now-btn[data-save-state=error]{color:var(--red)}@keyframes save-button-pulse{to{opacity:.55}}.tab-close{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:3px;font-size:12px;line-height:1;color:var(--text3);border:none;background:transparent;opacity:0;transform:scale(.9);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.tab:hover .tab-close,.tab.active .tab-close,.tab:focus-within .tab-close{opacity:1;transform:scale(1);pointer-events:auto}.tab-close:hover{background:var(--red-soft);color:var(--red)}.tab-close:focus-visible{outline:none;background:var(--red-soft);color:var(--red)}.tab-add{min-width:28px;justify-content:center;padding:0 7px;color:var(--text3)}.tab-add:hover{color:var(--accent);background:var(--tab-hover-bg)}.tab-rename-input{width:13ch;min-width:7ch;max-width:16ch;padding:1px 5px;border-radius:4px;border:1px solid var(--accent-border);background:var(--bg);color:var(--text);font-family:var(--sans);font-size:.72rem}.tab-rename-input:focus{outline:none;border-color:var(--accent-border-strong);box-shadow:0 0 0 2px var(--focus-ring)}.tab-undo-toast{position:fixed;top:calc(var(--hdr) + 10px);left:50%;display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;background:var(--surface2);border:1px solid var(--border2);border-radius:20px;box-shadow:var(--shadow-md),0 0 0 1px var(--overlay-ring);font-family:var(--sans);font-size:.74rem;color:var(--text2);z-index:900;opacity:0;pointer-events:none;transform:translate(-50%,-6px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.tab-undo-toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.tab-undo-toast button{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.68rem;letter-spacing:.03em;padding:4px 6px 4px 10px;border-radius:14px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.tab-undo-toast button:hover,.tab-undo-toast button:focus-visible{background:var(--accent-soft-strong);border-color:var(--accent-border-strong)}.tab-undo-toast .ctx-kbd-hint{background:transparent;border-color:var(--accent-border);color:inherit;opacity:.75}.app-body{flex:1;display:flex;overflow:hidden;position:relative}@keyframes tabSwitchFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-body.tab-switching{animation:tabSwitchFade .2s cubic-bezier(.2,.8,.2,1) forwards}.model-picker-container{position:relative;display:flex;align-items:center;flex-shrink:0}.model-picker-btn{height:32px;min-width:142px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all var(--transition-fast);color:var(--text);gap:10px;-webkit-user-select:none;user-select:none}.model-picker-btn:hover{background:var(--surface2);border-color:var(--accent);box-shadow:0 0 12px #0003,0 0 0 1px var(--accent-border)}.model-picker-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.model-picker-cat{font-family:var(--mono);font-size:.58rem;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;line-height:1}.model-picker-type{font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--text);line-height:1.1}.model-picker-btn .chevron{width:14px;height:14px;fill:currentColor;color:var(--text3);transition:transform var(--transition-fast)}.model-picker-container.open .model-picker-btn{border-color:var(--accent);background:var(--surface2)}.model-picker-container.open .chevron{transform:rotate(180deg);color:var(--accent)}.model-picker-menu{position:absolute;top:calc(100% + 8px);left:0;width:360px;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;box-shadow:var(--shadow-lg);display:none;z-index:1000;padding:8px 0;max-height:80vh;overflow-y:auto;scrollbar-width:thin;animation:model-picker-slide .2s cubic-bezier(.16,1,.3,1)}@keyframes model-picker-slide{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.model-picker-container.open .model-picker-menu{display:block}.example-menu{max-height:min(60vh,380px);overflow-y:auto;width:260px;z-index:950}.example-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:6px;background:transparent;font-family:var(--sans);font-size:.78rem;text-align:left;color:var(--text2);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.example-menu-item:hover,.example-menu-item:focus-visible{background:var(--surface3);color:var(--text);outline:none}.example-menu-item-dot{width:7px;height:7px;border-radius:999px;background:var(--text3);flex:0 0 auto}.example-menu-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-menu-item.flagship{color:var(--text)}.example-menu-item.flagship .example-menu-item-dot{background:var(--accent)}.model-cat-group{padding:6px 0}.model-cat-group-title{font-family:var(--mono);font-size:.6rem;color:var(--accent);padding:8px 16px 4px;text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-weight:600}.model-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;cursor:pointer;transition:all var(--transition-fast);color:var(--text2)}.model-item:hover:not(.disabled){background:var(--surface);color:var(--text)}.model-item.active{background:var(--surface3);color:var(--accent);font-weight:600}.model-item-label{font-family:var(--sans);font-size:.85rem;line-height:1.25;min-width:0}.model-item-code{flex:0 0 auto;font-family:var(--mono);font-size:.6rem;letter-spacing:.04em;padding:2px 5px;border-radius:3px;background:var(--bg3);color:var(--text3)}.model-item.active .model-item-code{color:var(--accent)}.model-item.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.model-item-status{font-family:var(--mono);font-size:.55rem;padding:2px 5px;border-radius:3px;background:var(--bg3);color:var(--text3)}.model-hierarchy-summary{margin:8px 12px;padding:8px 12px;background:var(--surface);border-radius:6px;font-family:var(--mono);font-size:.6rem;color:var(--text3);line-height:1.4;border:1px solid var(--border)}.model-hierarchy-title{color:var(--gold);margin-bottom:4px;font-weight:700;display:flex;align-items:center;gap:4px}.model-hierarchy-math{color:var(--text2);word-break:break-all}@media(max-width:1100px){.model-picker-container{width:auto}.model-picker-btn{min-width:140px}.model-picker-menu{position:fixed;top:calc(var(--hdr) + 10px);left:10px;right:10px;width:auto;z-index:2000}}.hdr-tools{display:flex;gap:3px;margin-left:auto}@media(max-width:1100px){header{gap:4px;padding-right:6px;overflow:visible}#hdr-canvas-actions,.tools-picker,.hdr-file-actions .hdr-load-action,.hdr-file-actions .hdr-export-action,header>.hdr-sep,.hdr-right>.hdr-sep{display:none}.hdr-more-compact-actions{display:block}.tab-bar-wrap{min-width:96px}.tab-bar{padding:0 4px;-webkit-overflow-scrolling:touch}.tab{max-width:156px}.tab-name{max-width:9ch}.ctx.hdr-more-menu{position:fixed;top:calc(var(--hdr) + 6px);right:8px}}@media(max-width:700px){.hdr-left{display:none}.model-picker-btn{min-width:112px;max-width:124px}.model-picker-cat{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-right{gap:3px}#hdr-canvas-actions,.hdr-history-actions,.hdr-file-actions{padding:0;background:transparent}}@media(pointer:coarse){.tab-close{opacity:.75;transform:none;pointer-events:auto}.tab.active .tab-close,.tab:hover .tab-close{opacity:1}}@media(prefers-reduced-motion:reduce){.tab,.tab-close,.tab-bar,.tab-overflow-btn,.app-body.tab-switching{transition:none!important;animation:none!important}}:root{--sec-head-pad: 9px 13px 7px;--sec-head-gap: 8px;--sec-label-size: .68rem;--sec-label-tracking: .085em;--sec-arrow-size: 12px;--lp-list-max-h: 168px}.lpanel{width:var(--lpanel-width, 256px);min-width:var(--lpanel-width, 256px);background:var(--bg2);border-right:1px solid var(--border);overflow:visible;display:flex;flex-direction:column;transition:width var(--transition-base),min-width var(--transition-base);position:relative;z-index:10}.lpanel.hidden{width:0;min-width:0;overflow:hidden}.sec{border-bottom:1px solid var(--border);padding:12px 14px}.lpanel .sec.lp-collapsible{padding:0;border-bottom:1px solid var(--border)}.lpanel .sec.lp-collapsible:last-child{flex:initial}.lpanel .lp-section-header{display:flex;align-items:center;gap:var(--sec-head-gap);padding:var(--sec-head-pad);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.lpanel .lp-section-header:hover{background:var(--surface)}.lpanel .lp-section-header:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--focus-ring)}.lpanel .lp-section-header .sec-lbl{margin-bottom:0;flex:1;font-size:var(--sec-label-size);letter-spacing:var(--sec-label-tracking)}.lp-section-count{min-width:16px;height:16px;padding:0 5px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-family:var(--mono);font-size:.62rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.lp-section-count[data-empty="1"]{background:var(--surface3, var(--bg3));color:var(--text3)}.lp-toggle-arrow{width:var(--sec-arrow-size);height:var(--sec-arrow-size);fill:var(--text3);stroke:none;flex-shrink:0;opacity:.75;transition:transform var(--transition-fast),fill var(--transition-fast),opacity var(--transition-fast)}.lp-section-header:hover .lp-toggle-arrow{opacity:1}.lp-collapsible.collapsed .lp-toggle-arrow{transform:rotate(-90deg)}.lpanel .lp-section-body{padding:3px 14px 12px}.lp-collapsible.collapsed .lp-section-body{display:none}.lp-collapsible .row{margin-bottom:8px}.lp-collapsible .chips{min-height:22px;max-height:var(--lp-list-max-h);overflow-y:auto;overscroll-behavior:contain;padding-right:5px}.sec:last-child{border-bottom:none;flex:1}.sec-lbl{font-family:var(--mono);font-size:var(--sec-label-size);letter-spacing:var(--sec-label-tracking);text-transform:uppercase;color:var(--text3);margin-bottom:8px;display:flex;align-items:center;gap:8px}.sec-lbl:after{content:"";flex:1;height:1px;margin-left:2px;background:linear-gradient(to right,var(--border),transparent)}.row{display:flex;gap:5px;margin-bottom:6px}.inp{flex:1;background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);font-size:.78rem;padding:5px 9px;border-radius:6px;outline:none;transition:border-color .15s;min-width:0}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}.inp::placeholder{color:var(--text3)}.sel{flex:1;min-width:0;max-width:100%;background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);font-size:.78rem;padding:5px 9px;border-radius:6px;outline:none;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:border-color .15s}.sel:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}.ibtn{width:30px;height:30px;background:var(--surface);border:1px solid var(--border2);color:var(--text2);border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.ibtn:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.ibtn svg{fill:currentColor;flex-shrink:0}.chips{display:flex;flex-wrap:wrap;gap:4px;min-height:24px}.chip{font-family:var(--mono);font-size:.7rem;padding:2px 8px;background:var(--surface);border:1px solid var(--border2);border-radius:20px;color:var(--accent);display:flex;align-items:center;gap:4px}.chip .x{cursor:pointer;color:var(--text3);display:inline-flex;transition:color .12s}.chip .x svg{width:9px;height:9px;fill:currentColor}.chip .x:hover{color:var(--red)}.slist{display:flex;flex-direction:column;gap:3px;max-height:var(--lp-list-max-h);overflow-y:auto;overscroll-behavior:contain}.si{display:flex;align-items:center;gap:6px;padding:5px 9px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:.72rem;cursor:pointer;transition:all .12s;-webkit-user-select:none;user-select:none}.si:hover{border-color:var(--border2)}.si.lp-selected{border-color:var(--accent-border-strong);background:var(--accent-soft)}.si-edit{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text3);cursor:pointer;opacity:0;flex-shrink:0;transition:opacity .12s,background .12s,color .12s}.si:hover .si-edit,.si:focus-within .si-edit{opacity:1}.si-edit:hover{background:var(--surface3);color:var(--accent)}.si .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 5px var(--gold-border);display:none;flex-shrink:0}.si.acc .dot{display:block}.si.start:before{content:"→";color:var(--green);font-size:.65rem}.tlist{display:flex;flex-direction:column;gap:2px;max-height:var(--lp-list-max-h);overflow-y:auto;overscroll-behavior:contain}.ti{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:5px;font-family:var(--mono);font-size:.67rem;color:var(--text2);cursor:pointer;transition:all .12s;-webkit-user-select:none;user-select:none}.ti:hover{border-color:var(--border2)}.ti.lp-selected{border-color:var(--accent-border-strong);background:var(--accent-soft)}.ti-from,.ti-to{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:3ch;flex:0 1 auto}.ti .arr{color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:1.5em;flex:1 1 auto}.ti .dx{margin-left:auto;cursor:pointer;color:var(--text3);flex:0 0 auto;display:inline-flex;align-items:center}.ti .dx:hover{color:var(--red)}.empty-msg{font-family:var(--mono);font-size:.65rem;color:var(--text3);font-style:italic;text-align:center;padding:8px 0}.panel-resizer{position:absolute;top:0;bottom:0;width:10px;z-index:140;cursor:col-resize;touch-action:none}.panel-resizer:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:54px;border-radius:2px;background:var(--border2);opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast)}.panel-resizer:hover:before,.panel-resizer.active:before{opacity:1;background:var(--accent)}.panel-resizer-right{right:-5px}.panel-resizer-left{left:-5px}.lpanel.unpinned .panel-resizer,.rpanel.unpinned .panel-resizer{opacity:0;pointer-events:none}body.panel-resizing,body.panel-resizing *{-webkit-user-select:none!important;user-select:none!important;cursor:col-resize!important}body.panel-resizing .lpanel,body.panel-resizing .rpanel{transition:none!important}.lpanel.unpinned{position:absolute;left:0;top:0;height:100%;z-index:100;box-shadow:var(--panel-shadow-left);transition-delay:.1s}.lpanel.unpinned:not(:hover){width:0;min-width:0;transition-delay:.15s}.lpanel.unpinned .lpanel-content,.lpanel.unpinned .panel-header{transition:opacity var(--transition-base),visibility var(--transition-base);transition-delay:.1s}.lpanel.unpinned:not(:hover) .lpanel-content,.lpanel.unpinned:not(:hover) .panel-header{opacity:0;visibility:hidden;pointer-events:none;transition-delay:.15s}.lpanel.unpinned:after{content:"";position:absolute;top:0;bottom:0;right:-15px;width:15px;cursor:default;z-index:101}.panel-header{padding:8px 13px 6px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg2);flex-shrink:0;transition:opacity var(--transition-base),visibility var(--transition-base)}.panel-header-title{font-family:var(--sans);font-size:.72rem;font-weight:500;color:var(--text3);letter-spacing:.02em}.pin-btn{background:transparent;border:1px solid transparent;cursor:pointer;color:var(--text3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;transition:all var(--transition-fast)}.pin-btn:hover{background:var(--surface);color:var(--text);border-color:var(--border2)}.pin-btn svg{fill:currentColor;transition:transform .2s ease}.lpanel.unpinned .pin-btn svg{transform:rotate(-45deg)}.lpanel-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.lpanel-search-inp{width:100%;box-sizing:border-box;background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);font-size:.72rem;padding:5px 8px;border-radius:6px;outline:none;margin-bottom:5px;transition:border-color var(--transition-fast)}.lpanel-search-inp:focus{border-color:var(--accent)}.rp-collapsible{border-bottom:1px solid var(--border)}.rp-section-header{display:flex;align-items:center;gap:var(--sec-head-gap);padding:var(--sec-head-pad);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.rp-section-header:hover{background:var(--surface)}.rp-section-title{font-family:var(--mono);font-size:var(--sec-label-size);letter-spacing:var(--sec-label-tracking);text-transform:uppercase;color:var(--text3);display:flex;align-items:center;gap:8px;flex:1}.rp-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent);margin-left:2px}.rp-toggle-arrow{width:var(--sec-arrow-size);height:var(--sec-arrow-size);fill:var(--text3);stroke:none;flex-shrink:0;opacity:.75;transition:transform var(--transition-fast),opacity var(--transition-fast)}.rp-section-header:hover .rp-toggle-arrow{opacity:1}.rp-section-header .badge{border-color:transparent;font-size:.62rem;padding:1px 7px;letter-spacing:.03em;flex-shrink:0}.rp-collapsible.collapsed .rp-toggle-arrow{transform:rotate(-90deg)}.rp-section-body{padding:4px 14px 14px}.algo-search-wrap{padding:10px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5;flex-shrink:0}.algo-search-inp{width:100%;box-sizing:border-box;background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);font-size:.72rem;padding:5px 8px;border-radius:6px;outline:none;transition:border-color var(--transition-fast)}.algo-search-inp:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}.algo-search-inp::placeholder{color:var(--text3)}.gram-group-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:8px 0 4px;border-top:1px solid var(--border);margin-top:6px}.gram-group-label:first-child{border-top:none;margin-top:0}@media(max-width:900px){.lpanel{width:100%;min-width:0;max-height:30vh;border-right:0;border-bottom:1px solid var(--border)}.lpanel.hidden{display:none}.lpanel.unpinned,.lpanel.unpinned:not(:hover){position:relative;left:auto;top:auto;height:auto;width:100%;min-width:0;box-shadow:none;transition-delay:0s}.lpanel.unpinned:after{display:none}.lpanel.unpinned .lpanel-content,.lpanel.unpinned .panel-header,.lpanel.unpinned:not(:hover) .lpanel-content,.lpanel.unpinned:not(:hover) .panel-header{opacity:1;visibility:visible;pointer-events:auto}.panel-header{padding:8px 10px}}.view-container{flex:1;display:flex;overflow:hidden;position:relative}.aux-scrim{position:fixed;inset:0;z-index:880;display:none;background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.aux-scrim.open{display:block;animation:auxScrimIn .18s ease-out}.aux-overlay{position:fixed;z-index:890;top:50%;left:50%;width:min(1180px,92vw);height:min(860px,88vh);transform:translate(-50%,-50%);display:none;flex-direction:column;background:var(--bg2);border:1px solid var(--border2);border-radius:14px;box-shadow:var(--shadow-lg),0 0 0 1px var(--overlay-ring);overflow:hidden}.aux-overlay.open{display:flex;animation:auxOverlayIn .2s cubic-bezier(.22,1,.36,1)}.aux-overlay:focus{outline:none}@keyframes auxScrimIn{0%{opacity:0}to{opacity:1}}@keyframes auxOverlayIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.975)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes auxOverlayInFull{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.aux-overlay.open,.aux-scrim.open{animation:none}}.aux-overlay-bar{display:flex;align-items:center;gap:13px;padding:15px 14px 15px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.aux-overlay-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent)}.aux-overlay-icon svg{width:17px;height:17px}.aux-overlay-heading{flex:1;min-width:0}.aux-overlay-title{font-family:var(--sans);font-size:1.02rem;font-weight:600;letter-spacing:-.01em;color:var(--text);line-height:1.25}.aux-overlay-sub{font-family:var(--mono);font-size:.67rem;color:var(--text3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aux-overlay-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text2);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.aux-overlay-close svg{width:15px;height:15px}.aux-overlay-close:hover{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.aux-overlay-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.aux-overlay-body{flex:1;display:flex;min-height:0;overflow:hidden}.aux-overlay-body>div{flex:1;min-width:0}.aux-overlay .algo-nav,.aux-overlay .gram-left,.aux-overlay .theory-nav{background:var(--bg)}.aux-overlay .algo-content,.aux-overlay .gram-right{background:var(--bg2)}.aux-overlay .algo-search-wrap{background:var(--bg);padding:12px 12px 10px}.aux-overlay .algo-nav,.aux-overlay .gram-left,.aux-overlay .theory-nav{border-right:1px solid var(--border)}.aux-overlay .algo-content,.aux-overlay .gram-right{padding:22px 26px 28px}.aux-overlay .gram-left>.mobile-panel-content{padding-bottom:10px}.aux-overlay #v-theory .algo-content{padding:24px 28px 40px}.aux-overlay .theory-nav-header{padding:14px 14px 12px}@media(max-width:900px){.aux-overlay{top:var(--hdr);left:0;width:100%;height:calc(100% - var(--hdr));transform:none;border:0;border-radius:0;box-shadow:none}.aux-overlay.open{animation:auxOverlayInFull .2s cubic-bezier(.22,1,.36,1)}.aux-overlay-bar{padding:11px 10px 11px 14px;gap:10px}.aux-overlay-icon{width:30px;height:30px}.aux-overlay-title{font-size:.92rem}.aux-overlay-body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex-direction:column}.aux-scrim{display:none!important}}#v-build{flex:1;display:flex;overflow:hidden}.canvas-area{flex:1;position:relative;overflow:hidden;background:var(--bg);cursor:default}.canvas-area:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:calc(40px * var(--cam-z, 1)) calc(40px * var(--cam-z, 1));background-position:var(--cam-x, 0px) var(--cam-y, 0px);opacity:.35}.canvas-area:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 25%,var(--canvas-glow-a) 0,transparent 60%),radial-gradient(ellipse at 70% 75%,var(--canvas-glow-b) 0,transparent 60%)}#svgCanvas{position:absolute;overflow:visible;width:100%;height:100%;top:0;left:0}.canvas-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.6rem;color:var(--text3);pointer-events:none;white-space:nowrap;letter-spacing:.07em}.zoom-indicator{position:absolute;bottom:12px;right:12px;font-family:var(--mono);font-size:.62rem;color:var(--text3);padding:3px 8px;background:var(--surface);border:1px solid var(--border);border-radius:5px}.rpanel{width:var(--rpanel-width, 288px);min-width:var(--rpanel-width, 288px);background:var(--bg2);border-left:1px solid var(--border);overflow:visible;display:flex;flex-direction:column;transition:width var(--transition-base),min-width var(--transition-base);position:relative;z-index:10}.rpanel-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden}.rpanel.unpinned{position:absolute;right:0;top:0;height:100%;z-index:100;box-shadow:var(--panel-shadow-right);transition-delay:.1s}.rpanel.unpinned:not(:hover){width:0;min-width:0;transition-delay:.15s}.rpanel.unpinned>:not(style){transition:opacity var(--transition-base),visibility var(--transition-base);transition-delay:.1s}.rpanel.unpinned:not(:hover)>:not(style){opacity:0;visibility:hidden;pointer-events:none;transition-delay:.15s}.rpanel.unpinned:before{content:"";position:absolute;top:0;bottom:0;left:-15px;width:15px;cursor:default;z-index:101}.rpanel.unpinned .pin-btn svg{transform:rotate(45deg)}.rp-sec{padding:12px 14px;border-bottom:1px solid var(--border)}.rp-title{font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:8px}.badge{font-family:var(--sans);font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:20px;letter-spacing:.04em}.bd-dfa{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.bd-nfa{background:var(--purple-soft);color:var(--purple);border:1px solid var(--purple-border)}.bd-2dfa{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.bd-2nfa{background:var(--purple-soft);color:var(--purple);border:1px solid var(--purple-border)}.bd-pda{background:var(--green-soft);color:var(--green);border:1px solid var(--green-border)}.bd-npda{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid var(--accent-border)}.bd-qa{background:var(--green-soft);color:var(--green);border:1px solid var(--green-border)}.bd-counter{background:var(--orange-soft);color:var(--orange);border:1px solid var(--orange-border)}.bd-2pda{background:var(--red-soft);color:var(--red);border:1px solid var(--red-border)}.bd-tm,.bd-ndtm{background:var(--orange-soft);color:var(--orange);border:1px solid var(--orange-border)}.bd-lba{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid var(--accent-border)}.bd-itm{background:var(--red-soft);color:var(--red);border:1px solid var(--red-border)}.bd-enfa{background:var(--purple-soft);color:var(--purple);border:1px solid var(--purple-border)}.bd-moore{background:var(--green-soft);color:var(--green);border:1px solid var(--green-border)}.bd-mealy,.bd-fst{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.bd-mtm{background:var(--red-soft);color:var(--red);border:1px solid var(--red-border)}.bd-pfa{background:var(--purple-soft);color:var(--purple);border:1px solid var(--purple-border)}.bd-dba,.bd-nba{background:var(--orange-soft);color:var(--orange);border:1px solid var(--orange-border)}.bd-pdt{background:var(--green-soft);color:var(--green);border:1px solid var(--green-border)}.bd-2dft{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border)}.sim-tracker{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:10px 12px;margin-top:14px;margin-bottom:12px}.tracker-header{font-size:.6rem;color:var(--text3);font-family:var(--mono);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:2px 10px}.tracker-val-st{color:var(--accent)}.tracker-val-sym{color:var(--gold)}.mtm-tape-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.tape-label{font-family:var(--mono);font-size:.6rem;color:var(--accent);min-width:22px;text-align:right}.tape-cells{display:flex;flex:1;min-width:0;overflow-x:auto;gap:1px}.lang-claim-wrap,.def-box-wrap{position:relative}.lang-claim-wrap{display:flex;align-items:center;gap:7px;margin-top:6px}.lang-claim{flex:1;min-width:0;font-family:var(--mono);font-size:.78rem;line-height:1.5;color:var(--gold);white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.lang-claim::-webkit-scrollbar{height:0}.lang-claim-wrap{position:relative}.lang-claim-wrap:after{content:"";position:absolute;right:26px;top:0;bottom:0;width:22px;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(to right,transparent,var(--bg2))}.lang-claim-wrap.has-more:after{opacity:1}.lang-claim.asserted{font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--text2);word-break:normal}.lang-cap,.lang-foot{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text3)}.lang-foot{margin-top:7px;letter-spacing:.06em;text-transform:none}.lang-note{margin-top:8px;font-family:var(--mono);font-size:.62rem;line-height:1.55;color:var(--text3);border-left:2px solid var(--border2);padding-left:8px}.lang-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:11px}.lang-legend{margin-top:7px;padding-top:7px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px 11px;font-family:var(--mono);font-size:.58rem;color:var(--text3);font-variant-numeric:tabular-nums}.lang-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px;vertical-align:-1px}.lang-legend .k-acc{background:var(--gold)}.lang-legend .k-rej{background:var(--surface3)}.lang-legend .k-unk{background:repeating-linear-gradient(45deg,var(--orange) 0 1.5px,transparent 1.5px 4px);outline:1px solid var(--orange-border)}.lang-legend .k-g1{background:var(--accent)}.lang-legend .k-g2{background:var(--gold)}.lang-legend .k-g0{background:var(--text3)}.lang-fp{margin-top:5px;display:flex;flex-direction:column;gap:3px}.lang-fp-row{display:grid;grid-template-columns:14px 1fr;gap:5px;align-items:start}.lang-fp-len{font-family:var(--mono);font-size:.55rem;color:var(--text3);text-align:right;padding-top:2px;font-variant-numeric:tabular-nums}.lang-fp-cells{display:grid;grid-template-columns:repeat(20,1fr);gap:2px}.lang-fp-c{aspect-ratio:1;padding:0;border:0;border-radius:2px;background:var(--surface3);cursor:pointer;transition:transform var(--transition-fast)}.lang-fp-c.acc{background:var(--gold)}.lang-fp-c.unk{background:repeating-linear-gradient(45deg,var(--orange) 0 1.5px,transparent 1.5px 4px);outline:1px solid var(--orange-border);outline-offset:-1px}.lang-fp-c:hover{transform:scale(1.5);box-shadow:0 0 0 1px var(--accent);position:relative;z-index:2}.lang-fp-c.lang-fp-selected{box-shadow:0 0 0 1.5px var(--accent)}.lang-fp-read{margin-top:7px;min-height:16px;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.66rem;color:var(--text2)}.lang-fp-read .w{color:var(--text);word-break:break-all}.lang-fp-read .v-acc{color:var(--gold)}.lang-fp-read .v-rej{color:var(--text3)}.lang-fp-read .v-unk{color:var(--orange)}.lang-tr{margin-top:5px;display:flex;flex-direction:column;max-height:216px;overflow-y:auto}.lang-tr-sentinel{height:1px;flex:none}.lang-tr-row{display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:6px;align-items:start;padding:5px 4px;border-top:1px solid var(--border);border-radius:4px;cursor:pointer;transition:background var(--transition-fast)}.lang-tr-row:first-child{border-top:0}.lang-tr-row:hover,.lang-tr-row:focus-visible{background:var(--accent-soft)}.lang-tr-syms{display:flex;flex-wrap:wrap;gap:3px;min-width:0}.lang-tr-eps{font-family:var(--mono);font-size:.8rem;color:var(--gold)}.lang-tr-len{font-family:var(--mono);font-size:.6rem;color:var(--text3);text-align:right;padding-top:3px;font-variant-numeric:tabular-nums}.lang-sym{font-family:var(--mono);font-size:.65rem;line-height:1.35;padding:2px 5px;border-radius:3px;white-space:nowrap;background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:default}.lang-sym.g1{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.lang-sym.g2{background:var(--gold-soft);border-color:var(--gold-border);color:var(--gold)}.lang-sym.dead{background:transparent;border-style:dashed;color:var(--text3)}.lang-tuple-wrap{display:flex;align-items:flex-start;gap:4px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border)}.lang-tuple{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:1px;font-family:var(--mono);font-size:.76rem;color:var(--text2)}.lang-punc{color:var(--text3)}.lang-chip{padding:2px 4px;border:1px solid transparent;border-radius:3px;background:transparent;font-family:var(--mono);font-size:.8rem;line-height:1.3;color:var(--text);cursor:pointer;transition:all var(--transition-fast)}.lang-chip:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.lang-chip[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent-border-strong);color:var(--accent)}.lang-chip sup{font-size:.62em;opacity:.72;margin-left:1px}.lang-expand-btn{flex:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text3);cursor:pointer;transition:all var(--transition-fast)}.lang-expand-btn svg{width:13px;height:13px}.lang-expand-btn:hover{background:var(--surface3);color:var(--text);border-color:var(--border2)}.lang-expand-btn.open{color:var(--accent)}.lang-tuple-open{margin-top:7px;padding:7px 9px;background:var(--bg3);border:1px solid var(--accent-border);border-radius:5px;font-family:var(--mono);font-size:.7rem;line-height:1.55;color:var(--text2)}.lang-open-head{color:var(--text3)}.lang-open-head .k{color:var(--accent)}.lang-open-val{color:var(--text);word-break:break-word;margin-top:2px}.lang-open-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.lang-voc-search{width:100%;margin-top:6px;padding:4px 8px;background:var(--bg2);border:1px solid var(--border2);border-radius:4px;font-family:var(--mono);font-size:.68rem;color:var(--text)}.lang-voc-search::placeholder{color:var(--text3)}.lang-voc-list{margin-top:7px;max-height:176px;overflow-y:auto;padding-right:6px;display:flex;flex-direction:column;gap:2px}.lang-voc-row{display:grid;grid-template-columns:minmax(0,1fr) 44px 16px;gap:7px;align-items:center}.lang-voc-name{display:flex;align-items:center;gap:5px;min-width:0}.lang-voc-name .t{font-family:var(--mono);font-size:.62rem;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-voc-meter{height:6px;border-radius:3px;background:var(--accent-soft);position:relative}.lang-voc-meter i{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:0 3px 3px 0}.lang-voc-n{font-family:var(--mono);font-size:.6rem;color:var(--text3);text-align:right;font-variant-numeric:tabular-nums}.lang-voc-row.dead .lang-voc-name .t,.lang-voc-row.dead .lang-voc-n{color:var(--orange)}.lang-voc-row.dead .lang-voc-meter{background:transparent;box-shadow:inset 0 0 0 1px var(--orange-border)}.lang-flag{margin-top:8px;padding:6px 8px;border-radius:4px;background:var(--orange-soft);border:1px solid var(--orange-border);font-family:var(--mono);font-size:.6rem;line-height:1.5;color:var(--orange)}.lang-voc-groups{margin-top:8px;padding-top:7px;border-top:1px solid var(--border);font-family:var(--mono);font-size:.58rem;color:var(--text3)}@media(prefers-reduced-motion:reduce){.lang-fp-c:hover{transform:none}}.box-copy-btn{position:absolute;top:12px;right:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text3);cursor:pointer;transition:all var(--transition-fast);z-index:1}.box-copy-btn:hover{background:var(--surface3);color:var(--text);border-color:var(--border2)}.box-copy-btn.copied{color:var(--green)}.box-copy-btn svg{width:13px;height:13px}.curr-char-hl{background:var(--accent-soft-strong);color:var(--accent);border-radius:4px;padding:0 4px;margin:0 -2px;border:1px solid var(--accent-border);box-shadow:var(--accent-glow);transition:all var(--transition-base)}.curr-char-hl.accept{background:var(--green-soft);color:var(--green);border-color:var(--green-border);box-shadow:0 0 12px var(--green-border)}.curr-char-hl.reject{background:var(--red-soft);color:var(--red);border-color:var(--red-border);box-shadow:0 0 12px var(--red-border)}.def-box{padding:8px 30px 8px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text2);margin-top:6px;font-size:.8rem;max-width:100%;height:120px;overflow-y:auto;overflow-x:auto;transition:box-shadow var(--transition-fast)}.def-box .katex-display{margin:0;text-align:left}.def-box.has-overflow-left{box-shadow:inset 14px 0 12px -12px var(--tab-overflow-shadow)}.def-box.has-overflow-right{box-shadow:inset -14px 0 12px -12px var(--tab-overflow-shadow)}.def-box.has-overflow-left.has-overflow-right{box-shadow:inset 14px 0 12px -12px var(--tab-overflow-shadow),inset -14px 0 12px -12px var(--tab-overflow-shadow)}.sim-row{display:flex;align-items:center;gap:8px;margin-top:6px;margin-bottom:14px}.run-btn{padding:7px 14px;display:flex;align-items:center;gap:6px;background:var(--accent);border:1px solid transparent;color:var(--on-accent);font-family:var(--sans);font-size:.8rem;letter-spacing:.02em;border-radius:6px;cursor:pointer;font-weight:600;transition:all .15s;white-space:nowrap}.run-btn:hover{background:var(--accent);box-shadow:var(--accent-glow)}.run-btn.accept{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.run-btn.reject{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.run-btn-sep{opacity:.35;font-weight:400}.example-card{background:var(--surface);border:1px solid var(--border2);border-radius:7px;padding:9px 11px;margin-bottom:10px}.example-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.example-card-title{font-family:var(--sans);font-weight:700;font-size:.78rem;color:var(--text)}.example-card-close{background:transparent;border:none;color:var(--text3);font-size:.9rem;line-height:1;cursor:pointer;padding:0 2px}.example-card-close:hover{color:var(--text)}.example-card-blurb{font-family:var(--sans);font-size:.7rem;line-height:1.45;color:var(--text2);margin-top:5px}.example-card-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.example-chip{font-family:var(--mono);font-size:.66rem;padding:3px 8px;border-radius:999px;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;transition:all var(--transition-fast);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-chip:hover{color:var(--text);border-color:var(--accent-border)}.example-chip.chip-acc{border-color:var(--green-border);color:var(--green);background:var(--green-soft)}.example-chip.chip-rej{border-color:var(--red-border);color:var(--red);background:var(--red-soft)}.example-chip.chip-acc:hover,.example-chip.chip-rej:hover{filter:brightness(1.15)}.sim-verdict{align-items:center;gap:8px;padding:8px 12px;margin-bottom:10px;border-radius:7px;font-family:var(--sans);font-weight:700;font-size:.8rem;letter-spacing:.01em;border:1px solid transparent}.sim-verdict svg{flex-shrink:0}.sim-verdict.output{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent);font-weight:600}.sim-verdict.timeout{background:var(--orange-soft);border-color:var(--orange-border);color:var(--orange);font-weight:600}.sim-verdict.timeout .sim-verdict-out{font-weight:600;font-size:.72rem}.sim-verdict.loop{background:var(--red-soft);border-color:var(--red-border);color:var(--red);font-weight:600}.sim-verdict.loop .sim-verdict-out{font-weight:600;font-size:.72rem}.sim-verdict-lbl{color:var(--text2);font-weight:600;text-transform:uppercase;font-size:.62rem;letter-spacing:.06em}.sim-verdict-out{font-family:var(--mono);font-weight:700}.sim-scrubber-row{align-items:center;gap:10px;margin-bottom:10px}.sim-scrubber{flex:1;appearance:none;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--border2);outline:none;cursor:pointer}.sim-scrubber::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid var(--bg2);box-shadow:0 0 0 1px var(--accent-border-strong);cursor:pointer;transition:transform .12s}.sim-scrubber::-webkit-slider-thumb:hover{transform:scale(1.15)}.sim-scrubber::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid var(--bg2);box-shadow:0 0 0 1px var(--accent-border-strong);cursor:pointer}.sim-scrubber::-moz-range-track{height:4px;border-radius:2px;background:var(--border2)}.sim-step-counter{font-family:var(--mono);font-size:.65rem;color:var(--text3);white-space:nowrap;min-width:3.6em;text-align:right}.sctrl{display:flex;align-items:center;gap:6px;margin-top:10px}.sctrl-steps{flex:1;display:flex;background:var(--surface);border:1px solid var(--border2);border-radius:8px;overflow:hidden}.sctrl-steps .sbtn{flex:1;border:none;border-radius:0}.sctrl-steps .sbtn:not(:last-child){border-right:1px solid var(--border)}.sbtn{height:28px;background:var(--surface);border:1px solid var(--border2);color:var(--text2);font-family:var(--sans);font-weight:600;font-size:.7rem;border-radius:6px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;justify-content:center}.sbtn:hover{background:var(--surface3);color:var(--text)}.sbtn-reset{flex:none;width:28px;color:var(--text3)}.sim-speed-sel{flex:none;width:44px;height:28px;background:var(--surface);border:1px solid var(--border2);color:var(--text2);font-family:var(--sans);font-weight:600;font-size:.64rem;border-radius:6px;cursor:pointer;text-align:center;transition:all var(--transition-fast)}.sim-speed-sel:hover{background:var(--surface3);color:var(--text);border-color:var(--accent-border)}.auto-btn{background:var(--surface);color:var(--accent)}.auto-btn.playing{background:var(--red-soft);color:var(--red);border-color:var(--red-border)}.trace-log{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:10px 12px;margin-top:14px;overflow-y:auto;font-family:var(--mono);font-size:.75rem;color:var(--text2);line-height:1.5;max-height:250px;scroll-behavior:smooth}.t-ok{color:var(--green)}.t-err{color:var(--red)}.t-step{color:var(--accent)}.t-warn{color:var(--orange)}.tape-wrap{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;padding:7px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;min-height:38px;margin-bottom:7px}.tc{min-width:26px;height:26px;padding:0 4px;flex-shrink:0;border:1px solid var(--border2);border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.72rem;background:var(--surface);transition:all .2s;box-sizing:border-box}.tc.head{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--accent)}.tc.head.accept{background:var(--green-soft);border-color:var(--green);color:var(--green);box-shadow:0 0 10px var(--green-border)}.tc.head.reject{background:var(--red-soft);border-color:var(--red);color:var(--red);box-shadow:0 0 10px var(--red-border)}.tc.head.timeout{background:var(--orange-soft);border-color:var(--orange);color:var(--orange);box-shadow:0 0 10px var(--orange-border)}.tc.head.loop{background:var(--red-soft);border-color:var(--red);border-style:dashed;color:var(--red);box-shadow:0 0 10px var(--red-border)}.batch-in{width:100%;background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);font-size:.72rem;padding:7px 9px;border-radius:6px;outline:none;resize:vertical;min-height:56px;max-height:100px;margin-bottom:6px}.batch-in:focus{border-color:var(--accent)}.batch-summary{font-family:var(--sans);font-weight:700;font-size:.72rem;padding:6px 10px;border-radius:6px;margin-bottom:6px;border:1px solid transparent}.batch-summary.all-pass{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.batch-summary.has-fail{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.batch-result{font-family:var(--mono);font-size:.7rem;line-height:1.5;margin-top:6px;background:var(--bg3);padding:6px 8px;border-radius:6px;border:1px solid var(--border);max-height:160px;overflow-y:auto}.br-ok{color:var(--green)}.br-err{color:var(--red)}.br-unk{color:var(--orange)}.br-note{margin-top:6px;padding-top:6px;border-top:1px solid var(--border);color:var(--text3);font-size:.62rem;line-height:1.5}.br-note em{color:var(--text2);font-style:normal}.inp.sim-input-err{border-color:var(--red);box-shadow:0 0 0 2px var(--red-border)}.sym-suggest{position:fixed;display:none;z-index:800;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;box-shadow:var(--shadow-md);padding:8px}.sym-suggest-chips{display:flex;flex-wrap:wrap;gap:5px;max-height:76px;overflow-y:auto}.sugg-chip{appearance:none;outline:none;font-family:var(--mono);line-height:normal;cursor:pointer;transition:all .12s}.sugg-chip:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.sugg-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sugg-chip.sugg-eps{font-style:italic}.sugg-chip.sugg-dead{opacity:.45}.sugg-chip.sugg-dead:hover{opacity:.8}.sym-suggest-status{font-family:var(--sans);font-size:.65rem;color:var(--text3);margin-top:6px}.sym-suggest-status:empty{display:none;margin-top:0}.sym-suggest-status.err{color:var(--red);font-weight:600}#v-algo{flex:1;display:flex;overflow:hidden}.algo-nav{width:200px;min-width:200px;background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;padding:0;display:flex;flex-direction:column}.algo-item{padding:9px 16px;font-family:var(--mono);font-size:.8rem;cursor:pointer;border-left:2px solid transparent;transition:all .12s;color:var(--text2)}.algo-item:hover{background:var(--surface);color:var(--text);font-family:var(--mono)}.algo-item.active{border-left-color:var(--accent);background:var(--surface);color:var(--accent);font-family:var(--mono)}.algo-grp{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);padding:10px 16px 4px}.algo-content{flex:1;overflow-y:auto;padding:20px 24px}.algo-title{font-family:var(--sans);font-size:1.4rem;font-weight:600;margin-bottom:4px}.algo-sub{font-family:var(--mono);font-size:.7rem;color:var(--text2);margin-bottom:20px}.card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);padding:16px;margin-bottom:14px;font-family:var(--mono)}.card-title{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--text2);margin-bottom:10px;text-transform:uppercase}.result-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.72rem}.result-table th{background:var(--surface2);color:var(--text2);padding:6px 10px;text-align:center;border:1px solid var(--border2)}.result-table td{padding:6px 10px;text-align:center;border:1px solid var(--border);color:var(--text)}.result-table td.start-cell{color:var(--green)}.result-table td.acc-cell{color:var(--gold)}.result-table td.dead-cell{color:var(--text3)}.result-table td.marked{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.result-table td.unmarked{background:color-mix(in srgb,var(--green) 8%,transparent);color:var(--green)}.step-list{display:flex;flex-direction:column;gap:6px}.step-item{display:flex;gap:10px;align-items:flex-start;padding:8px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:6px}.step-num{font-family:var(--mono);font-size:.65rem;color:var(--text3);min-width:24px}.step-text{font-family:var(--mono);font-size:.72rem;color:var(--text);line-height:1.6}.step-text em{color:var(--accent)}.step-sub{display:block;font-size:.63rem;color:var(--text3);margin-top:4px;padding-left:8px;line-height:1.65;border-left:2px solid var(--border2)}.step-sub em{color:var(--accent)}.step-acc{color:var(--green);font-weight:500}.step-dead{color:var(--red);opacity:.7}.step-phase{color:var(--accent);font-weight:600;letter-spacing:.04em}.algo-btn{padding:7px 16px;background:var(--accent);border:none;color:var(--on-accent);font-family:var(--mono);font-size:.7rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .15s;margin-right:8px}.algo-btn:hover{background:var(--accent)}.algo-btn.sec{background:var(--surface2);color:var(--text2);border:1px solid var(--border2)}.algo-btn.sec:hover{background:var(--surface3);color:var(--text)}.regex-input-wrap{display:flex;gap:6px;margin-bottom:14px}.regex-inp{flex:1}.info-box{background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:7px;padding:10px 13px;font-family:var(--mono);font-size:.7rem;color:var(--text2);line-height:1.75;margin-bottom:12px}.info-box em{color:var(--accent)}.subset-table-wrap{overflow-x:auto;margin-top:8px}.nfa-result-states{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.state-pill{font-family:var(--mono);font-size:.68rem;padding:3px 10px;border-radius:20px;border:1px solid var(--border2);background:var(--surface);color:var(--text)}.state-pill.start{border-color:color-mix(in srgb,var(--green) 40%,transparent);color:var(--green)}.state-pill.acc{border-color:color-mix(in srgb,var(--gold) 40%,transparent);color:var(--gold)}.state-pill.both{border-color:var(--accent-border-strong);color:var(--accent)}.min-table-wrap{overflow-x:auto;margin-top:8px}.min-table{width:auto;border-collapse:collapse;font-family:var(--mono);font-size:.68rem}.min-table th,.min-table td{border:1px solid var(--border);padding:5px 8px;text-align:center}.min-table th{background:var(--surface2);color:var(--text2)}.min-table .X{color:var(--red);font-weight:700}.min-table .same{color:var(--green)}#v-grammar{flex:1;display:flex;overflow:hidden}.gram-left{width:300px;min-width:300px;background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.gram-right{flex:1;overflow-y:auto;padding:20px 24px}.prod-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;margin-bottom:8px}.prod-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:.78rem}.prod-arrow{color:var(--accent)}.prod-rhs{color:var(--text);flex:1}.prod-del{cursor:pointer;color:var(--text3);margin-left:auto;font-size:.8rem}.prod-del:hover{color:var(--red)}.cyk-table{border-collapse:collapse;font-family:var(--mono);font-size:.72rem;margin-top:8px}.cyk-cell{border:1px solid var(--border2);padding:6px 10px;text-align:center;min-width:56px;background:var(--surface);color:var(--text);transition:background .2s}.cyk-cell.has-start{background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.cyk-cell.empty-cell{color:var(--text3)}.cyk-cell.header{background:var(--surface2);color:var(--accent)}.deriv-step{font-family:var(--mono);font-size:.78rem;padding:6px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;line-height:1.6;margin-bottom:4px}.deriv-step .nt{color:var(--accent)}.deriv-step .term{color:var(--gold)}.cnf-step{font-family:var(--mono);font-size:.7rem;padding:8px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;margin-bottom:6px}.cnf-step .lbl{color:var(--purple);margin-right:8px}.grammar-display{font-family:var(--mono);font-size:.78rem;line-height:2;padding:12px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;margin-bottom:12px}.grammar-display .nt{color:var(--accent)}.grammar-display .t{color:var(--gold)}.grammar-display .eps{color:var(--text3)}#v-theory{flex:1;overflow:hidden}.theory-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:8px}.theory-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);padding:24px 26px;position:relative}.theory-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-c, var(--accent));opacity:.6}.tc-title{font-family:var(--sans);font-size:1.12rem;font-weight:600;margin-bottom:5px}.tc-sub{font-family:var(--mono);font-size:.68rem;color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.tc-body{font-family:var(--mono);font-size:.76rem;color:var(--text2);line-height:2}.tc-body b{color:var(--text)}.tc-body em{color:var(--accent)}.tc-body .highlight{color:var(--gold)}.theorem-box{background:var(--bg3);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:0 6px 6px 0;padding:8px 12px;margin-top:8px;font-family:var(--mono);font-size:.68rem;color:var(--text2);line-height:1.7}.theorem-box b{color:var(--accent)}.hierarchy-wrap{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);padding:20px;margin-bottom:16px}.hierarchy-title{font-family:var(--sans);font-size:1.05rem;font-weight:600;margin-bottom:16px}.hierarchy-svg-wrap{display:flex;justify-content:center}.pump-section{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);padding:16px;margin-bottom:14px}.pump-title{font-family:var(--sans);font-size:1rem;font-weight:600;margin-bottom:10px}.pump-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.pump-lbl{font-family:var(--mono);font-size:.7rem;color:var(--text2);min-width:80px}.pump-val{font-family:var(--mono);font-size:.78rem;color:var(--text);padding:4px 10px;background:var(--bg3);border:1px solid var(--border2);border-radius:5px;flex:1;min-width:80px}.pump-string-vis{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin:10px 0;padding:10px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;min-height:44px}.pump-char{width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.78rem;border-radius:4px;border:1px solid var(--border2)}.pump-char.x-part{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent)}.pump-char.y-part{background:var(--gold-soft);border-color:var(--gold-border);color:var(--gold)}.pump-char.z-part{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.pump-result{font-family:var(--mono);font-size:.75rem;padding:8px 12px;border-radius:6px;margin-top:8px}.pump-result.ok{background:var(--green-soft);color:var(--green);border:1px solid var(--green-border)}.pump-result.fail{background:var(--red-soft);color:var(--red);border:1px solid var(--red-border)}.closure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.closure-item{padding:8px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;text-align:center;font-family:var(--mono);font-size:.68rem;cursor:pointer;transition:all .15s}.closure-item:hover{background:var(--surface2);border-color:var(--border2)}.closure-item.active{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 35%,transparent);color:var(--green)}.closure-item.active:before{content:"✓ ";color:var(--green)}.closure-item.inactive{background:color-mix(in srgb,var(--red) 5%,transparent);border-color:color-mix(in srgb,var(--red) 20%,transparent);color:var(--red)}.closure-item.inactive:before{content:"✗ ";color:var(--red)}.theory-nav{display:flex;flex-direction:column;overflow-y:auto}.theory-nav-header{padding:18px 14px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.theory-nav-title{font-family:var(--sans);font-size:1.05rem;font-weight:600;margin-bottom:4px}.theory-nav-subtitle{font-family:var(--mono);font-size:.6rem;color:var(--text3);line-height:1.6}.theory-nav-group{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:14px 14px 4px}.theory-nav-link{display:block;font-family:var(--mono);font-size:.72rem;color:var(--text2);padding:6px 14px 6px 16px;cursor:pointer;text-decoration:none;border-left:2px solid transparent;transition:all var(--transition-fast)}.theory-nav-link:hover{background:var(--surface);color:var(--text);border-left-color:var(--border2)}.theory-nav-link.active{background:var(--focus-ring);color:var(--accent);border-left-color:var(--accent)}.theory-section{margin-bottom:36px;scroll-margin-top:20px}.theory-section-title{font-family:var(--sans);font-size:1.15rem;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:12px;color:var(--text)}.theory-section-title:after{content:"";flex:1;height:1px;background:var(--border)}.theory-section-sub{font-family:var(--mono);font-size:.65rem;color:var(--text3);margin-bottom:14px}.hierarchy-section{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r);padding:16px 20px 8px}.theory-card{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.theory-card:hover{border-color:var(--border2);box-shadow:0 2px 12px #00000047}@media(max-width:900px){.app-body,.view-container,#v-build,#v-algo,#v-grammar,#v-theory,.algo-content,.gram-right{min-height:0;min-width:0}.app-body,#v-build,#v-algo,#v-grammar,#v-theory{flex-direction:column}.view-container{overflow:hidden}.canvas-area{min-height:38vh}.rpanel{width:100%;min-width:0;max-height:34vh;border-left:0;border-top:1px solid var(--border)}.rpanel.unpinned,.rpanel.unpinned:not(:hover){position:relative;right:auto;top:auto;height:auto;width:100%;min-width:0;box-shadow:none;transition-delay:0s}.rpanel.unpinned:before{display:none}.rpanel.unpinned>:not(style),.rpanel.unpinned:not(:hover)>:not(style){opacity:1;visibility:visible;pointer-events:auto}.sim-row{flex-wrap:wrap}.sim-row .run-btn{width:100%}.algo-nav,.gram-left,.theory-nav{width:100%!important;min-width:0!important;max-height:28vh;border-right:0;border-bottom:1px solid var(--border)}.algo-content,.gram-right{padding:16px;overflow:auto}.regex-input-wrap{flex-wrap:wrap}.regex-input-wrap>*{width:100%}.card,.theory-card,.pump-section,.hierarchy-section{padding:14px}.closure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theory-section{margin-bottom:24px}.theory-section-title{font-size:1rem;gap:8px}.theory-section-sub,.tc-sub{line-height:1.5}}@media(max-width:640px){.canvas-area{min-height:34vh}.rpanel,.algo-nav,.gram-left,.theory-nav{max-height:32vh}.closure-grid{grid-template-columns:1fr}}.sn{cursor:inherit}.sn circle.bd{fill:var(--surface);stroke:var(--border2);stroke-width:1.5;transition:fill .15s,stroke .15s}.sn:hover circle.bd{fill:var(--surface2);stroke:var(--accent)}.sn.start-st circle.bd{stroke:var(--green)}.sn.acc-st circle.bd{stroke:var(--gold)}.sn.act-st circle.bd{fill:var(--state-active-fill);stroke:var(--accent);filter:var(--state-active-shadow)}.sn.rej-st circle.bd{fill:var(--state-reject-fill);stroke:var(--red)}.sn.sel-st circle.bd{stroke:var(--purple);stroke-width:2.5}.sn.list-hover-st circle.bd{stroke:var(--accent);stroke-width:2.5}.sn.note-link-st circle.bd{fill:var(--accent-soft);stroke:var(--accent);stroke-width:3;filter:var(--state-active-shadow)}.edge-g.list-hover-t .tarr{stroke:var(--accent);stroke-width:2.5}.edge-g.note-link-t .tarr{stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 45%,transparent))}.sn.unreachable-st circle.bd{stroke:var(--orange, #ff9800);stroke-width:2;stroke-dasharray:5 3;fill:var(--bg3);opacity:.55}.sn.dead-st circle.bd{stroke:var(--text3);stroke-width:2;stroke-dasharray:4 4;fill:var(--bg2);opacity:.6}.sn.unreachable-st .slbl,.sn.dead-st .slbl{opacity:.55}.slbl{font-family:var(--mono);font-size:11px;fill:var(--text);text-anchor:middle;dominant-baseline:central;pointer-events:none}.state-sub{font-family:var(--mono);font-size:10px;font-weight:600;fill:var(--green);text-anchor:middle;dominant-baseline:central;pointer-events:none}.state-sub.parity{font-size:11px;fill:var(--orange)}.priority-badge{pointer-events:none}.priority-badge rect{fill:var(--bg3);stroke:var(--orange);stroke-width:1.5;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.priority-value{font-family:var(--mono);font-size:10px;font-weight:700;fill:var(--orange);text-anchor:middle;dominant-baseline:central}.edge-g{cursor:pointer}.tarr{stroke:var(--text3);stroke-width:1.5;fill:none;marker-end:url(#arr);pointer-events:none;transition:stroke .15s}.tarr-hit{stroke:transparent;stroke-width:16;fill:none;pointer-events:stroke}.edge-g:hover .tarr{stroke:var(--accent)}.edge-g.sel-t .tarr{stroke:var(--purple);stroke-width:2.5}.sn.outgoing-hl-src circle.bd{stroke:var(--green);stroke-width:2.5;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--green) 40%,transparent))}.edge-g.outgoing-hl .tarr{stroke:var(--green);stroke-width:2.5;marker-end:url(#arr-g);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--green) 40%,transparent))}.sn.incoming-hl-src circle.bd{stroke:var(--indigo);stroke-width:2.5;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--indigo) 45%,transparent))}.edge-g.incoming-hl .tarr{stroke:var(--indigo);stroke-width:2.5;marker-end:url(#arr-i);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--indigo) 45%,transparent))}.sn.sim-visited-st circle.bd{stroke:var(--accent);stroke-opacity:.5}.edge-g.sim-trail-t .tarr{stroke:var(--accent);marker-end:url(#arr-a);opacity:.35}.edge-g.sim-active-t .tarr{stroke:var(--accent);stroke-width:2.5;marker-end:url(#arr-a);stroke-dasharray:7 5;animation:sim-dash-flow .5s linear infinite;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent))}@keyframes sim-dash-flow{to{stroke-dashoffset:-12}}.tlbl.sim-active-lbl{fill:var(--accent);font-weight:700}.sim-token{fill:var(--accent);stroke:var(--bg);stroke-width:1.5;pointer-events:none;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 80%,transparent))}.sim-pulse{fill:none;stroke:var(--accent);stroke-width:2;pointer-events:none;transform-box:fill-box;transform-origin:center;animation:sim-pulse .5s ease-out forwards}.sim-pulse.rej{stroke:var(--red)}.sim-pulse.acc{stroke:var(--gold)}@keyframes sim-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.edge-g.sim-active-t .tarr{animation:none;stroke-dasharray:none}.sim-pulse{animation:none;opacity:0}}.tlbl{font-family:var(--mono);font-size:11px;font-weight:500;fill:var(--text2);text-anchor:middle;pointer-events:none;paint-order:stroke fill;stroke:var(--bg);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round}.edge-pill-label{overflow:visible;paint-order:normal;stroke:none}.edge-pill rect{fill:color-mix(in srgb,var(--surface2) 90%,transparent);stroke:color-mix(in srgb,var(--text2) 32%,transparent);stroke-width:1px}.edge-pill text{fill:var(--text1);stroke:none;font-family:var(--mono);font-size:9.5px;font-weight:600}.edge-pill-input rect{fill:color-mix(in srgb,var(--blue) 16%,var(--surface2));stroke:color-mix(in srgb,var(--blue) 55%,transparent)}.edge-pill-memory-read rect{fill:color-mix(in srgb,var(--gold) 16%,var(--surface2));stroke:color-mix(in srgb,var(--gold) 55%,transparent)}.edge-pill-memory-write rect,.edge-pill-write rect{fill:color-mix(in srgb,var(--green) 14%,var(--surface2));stroke:color-mix(in srgb,var(--green) 50%,transparent)}.edge-pill-output rect{fill:color-mix(in srgb,var(--purple) 17%,var(--surface2));stroke:color-mix(in srgb,var(--purple) 55%,transparent)}.edge-pill-weight rect{fill:color-mix(in srgb,var(--purple) 13%,var(--surface2));stroke:color-mix(in srgb,var(--purple) 48%,transparent)}.edge-pill-move rect,.edge-pill-tape rect{fill:color-mix(in srgb,var(--text2) 10%,var(--surface2))}.edge-pill-label.sim-active-lbl .edge-pill rect{stroke:var(--blue);stroke-width:1.5px}.edge-pill-beginner .edge-pill text{font-size:9px;font-weight:550}[data-tool=pointer] .sn{cursor:default}[data-tool=move] .sn{cursor:grab}[data-tool=move].panning .sn,[data-tool=move].panning #svgCanvas{cursor:grabbing!important}[data-tool=state] .sn{cursor:default}[data-tool=trans] .sn{cursor:crosshair}[data-tool=del] .sn,[data-tool=del] .edge-g{cursor:not-allowed}.marquee-rect{fill:var(--marquee-fill);stroke:var(--accent);stroke-dasharray:4,4;pointer-events:none}.align-guide{stroke:var(--purple);stroke-width:1;stroke-dasharray:5,4;pointer-events:none;opacity:.8;vector-effect:non-scaling-stroke}.curve-handle{fill:var(--accent);stroke:var(--bg);stroke-width:1.5;cursor:grab;vector-effect:non-scaling-stroke}.curve-handle:hover{fill:var(--purple)}.divider-g{cursor:default}[data-tool=pointer] .divider-g,[data-tool=move] .divider-g{cursor:grab}[data-tool=del] .divider-g{cursor:not-allowed}.divider-hit{stroke:transparent;stroke-width:14;fill:none}.divider-line{stroke:var(--divider-stroke, var(--text3));stroke-width:1.5;stroke-linecap:round;fill:none;pointer-events:none;opacity:.75;transition:opacity .15s,stroke-width .15s}.divider-g:hover .divider-line,.divider-g.divider-sel .divider-line{opacity:1;stroke-width:2}.divider-g[data-style=dashed] .divider-line{stroke-dasharray:9 7}.divider-g[data-style=dotted] .divider-line{stroke-dasharray:.1 6}.divider-g[data-kind=rect] .divider-line{fill:var(--divider-stroke, var(--text3));fill-opacity:.05;opacity:.6}.divider-g[data-kind=rect]:hover .divider-line,.divider-g[data-kind=rect].divider-sel .divider-line{opacity:.95;fill-opacity:.08}.divider-g[data-kind=rect] .divider-endpoint{cursor:pointer}.divider-draft{stroke:var(--accent);stroke-dasharray:9 7;fill:var(--accent);fill-opacity:.06;opacity:.9;pointer-events:none}.divider-endpoint{fill:var(--bg2);stroke:var(--divider-stroke, var(--text3));stroke-width:1.5;cursor:nwse-resize;opacity:0;transition:opacity .15s}.divider-g:hover .divider-endpoint,.divider-g.divider-sel .divider-endpoint{opacity:1}.divider-g.divider-sel .divider-endpoint{stroke:var(--accent)}.divider-label-plate{fill:var(--bg);stroke:none;pointer-events:none}.divider-label{font-family:var(--sans);font-size:11px;letter-spacing:.04em;fill:var(--divider-stroke, var(--text2));text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.divider-g[data-color=slate]{--divider-stroke: var(--text3)}.divider-g[data-color=violet]{--divider-stroke: var(--violet)}.divider-g[data-color=indigo]{--divider-stroke: var(--indigo)}.divider-g[data-color=blue]{--divider-stroke: var(--blue)}.divider-g[data-color=green]{--divider-stroke: var(--green)}.divider-g[data-color=yellow]{--divider-stroke: var(--note-yellow)}.divider-g[data-color=orange]{--divider-stroke: var(--orange)}.divider-g[data-color=red]{--divider-stroke: var(--red)}.note-g{cursor:default}[data-tool=pointer] .note-g,[data-tool=move] .note-g{cursor:grab}[data-tool=del] .note-g{cursor:not-allowed}.note-leader{stroke:var(--text3);stroke-width:1;stroke-dasharray:3,3;pointer-events:none;opacity:.6}.note-body{fill:var(--surface2);stroke:var(--border2);stroke-width:1.25;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));transition:fill .15s,stroke .15s,stroke-width .15s}.note-g:hover .note-body{stroke:var(--accent)}.note-text{font-family:var(--mono);font-size:10.5px;fill:var(--text2);pointer-events:none;white-space:pre}.note-text .note-placeholder{font-style:italic;opacity:.7}.note-text .note-overflow-mark{fill:var(--text3)}.note-resize-hit{fill:none;stroke:transparent;stroke-width:14;stroke-linecap:round;cursor:nwse-resize;pointer-events:stroke}.note-resize-handle{fill:none;stroke:var(--text3);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;pointer-events:none;transition:opacity .12s,stroke .12s}.note-g:hover .note-resize-handle,.note-g.note-resized .note-resize-handle{opacity:.55}.note-resize-hit:hover~.note-resize-handle{opacity:1;stroke:var(--accent)}.note-g[data-color=yellow] .note-body{fill:var(--note-yellow-soft);stroke:var(--note-yellow-border)}.note-g[data-color=green] .note-body{fill:var(--green-soft);stroke:var(--green-border)}.note-g[data-color=blue] .note-body{fill:var(--blue-soft);stroke:var(--blue-border)}.note-g[data-color=indigo] .note-body{fill:var(--indigo-soft);stroke:var(--indigo-border)}.note-g[data-color=violet] .note-body{fill:var(--violet-soft);stroke:var(--violet-border)}.note-g[data-color=purple] .note-body{fill:var(--purple-soft);stroke:var(--purple-border)}.note-g[data-color=orange] .note-body{fill:var(--orange-soft);stroke:var(--orange-border)}.note-g[data-color=red] .note-body{fill:var(--red-soft);stroke:var(--red-border)}.note-g[data-color=white] .note-body{fill:var(--white-note-soft);stroke:var(--white-note-border)}.note-g[data-color=white] .note-text{fill:var(--bg2)}.note-g.note-link-active .note-body{stroke:var(--accent);stroke-width:2.25}.cam-smooth,.cam-smooth:before{transition:transform .25s cubic-bezier(.2,0,0,1),background-position .25s cubic-bezier(.2,0,0,1),background-size .25s cubic-bezier(.2,0,0,1)}.canvas-toolbox{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;z-index:50;background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:8px;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;width:max-content;box-sizing:border-box;transition:opacity .15s ease,box-shadow .15s ease,transform .15s ease}.canvas-toolbox{scrollbar-width:none}.canvas-toolbox::-webkit-scrollbar{width:0;height:0}.canvas-toolbox.dragging{box-shadow:0 18px 40px #00000059;opacity:.88}.canvas-toolbox.dragging,.canvas-toolbox.dragging *{cursor:grabbing!important}#canvas-wrap.space-pan,#canvas-wrap.space-pan #svgCanvas,#canvas-wrap.space-pan .sn,#canvas-wrap.space-pan .edge-g{cursor:grab!important}#canvas-wrap.space-pan.panning,#canvas-wrap.space-pan.panning #svgCanvas,#canvas-wrap.space-pan.panning .sn,#canvas-wrap.space-pan.panning .edge-g{cursor:grabbing!important}.canvas-toolbox[data-dock=top],.canvas-toolbox[data-dock=bottom]{flex-direction:row;align-items:center;min-width:360px;max-width:calc(100% - 24px);padding:10px 12px;gap:6px;overflow-x:auto;overflow-y:hidden}.canvas-toolbox[data-dock=left],.canvas-toolbox[data-dock=right]{flex-direction:column;align-items:stretch;max-width:none;overflow-x:hidden;overflow-y:auto}.canvas-toolbox[data-dock=left],.canvas-toolbox[data-dock=right]{padding:10px}.canvas-toolbox[data-dock=top] .toolbox-btn,.canvas-toolbox[data-dock=bottom] .toolbox-btn{min-width:72px;padding:9px 12px}.canvas-toolbox[data-dock=top] .toolbox-kbd,.canvas-toolbox[data-dock=bottom] .toolbox-kbd{letter-spacing:.03em}.canvas-toolbox[data-dock=top] .toolbox-sep,.canvas-toolbox[data-dock=bottom] .toolbox-sep{width:1px;height:20px;margin:0 6px}.canvas-toolbox[data-dock=left] .toolbox-sep,.canvas-toolbox[data-dock=right] .toolbox-sep{width:20px;height:1px;margin:6px auto}.toolbox-grip{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:32px;padding:0;border:1px solid var(--border2);border-radius:999px;background:linear-gradient(180deg,#ffffff0a,#fff0),var(--bg3);color:var(--text3);cursor:grab;flex:none;touch-action:none;box-shadow:inset 0 1px #ffffff0a}.toolbox-grip:hover{background:var(--surface);color:var(--text)}.canvas-toolbox[data-dock=top] .toolbox-grip,.canvas-toolbox[data-dock=bottom] .toolbox-grip,.canvas-toolbox[data-dock=floating] .toolbox-grip{width:32px;min-height:32px;margin-right:2px}.canvas-toolbox[data-dock=left] .toolbox-grip,.canvas-toolbox[data-dock=right] .toolbox-grip{margin-bottom:4px}.canvas-toolbox.dragging .toolbox-grip{cursor:grabbing}.toolbar-preview{opacity:0;pointer-events:none;z-index:49;background:var(--accent-soft-strong);border-style:dashed;border-color:var(--accent-border-strong);box-shadow:var(--accent-glow);transition:opacity .15s ease}.toolbar-preview.visible{opacity:.75}.canvas-toolbox.collapsed .toolbox-lbl,.canvas-toolbox.collapsed .toolbox-kbd{display:none}.canvas-toolbox.collapsed .toolbox-btn{min-width:0;padding:8px}.canvas-toolbox.collapsed[data-dock=top] .toolbox-btn,.canvas-toolbox.collapsed[data-dock=bottom] .toolbox-btn{padding:8px}.toolbox-grip svg{width:16px;height:16px;fill:currentColor}.toolbox-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;color:var(--text2);transition:all var(--transition-fast);min-width:52px}.toolbox-btn:hover{background:var(--surface);color:var(--text)}.toolbox-btn.active{background:var(--surface2);color:var(--accent);border-color:var(--accent-border-strong)}.toolbox-btn svg{width:18px;height:18px;fill:currentColor;stroke:none}.toolbox-lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.05em}.toolbox-kbd{font-family:var(--mono);font-size:.55rem;color:var(--text3);background:var(--bg3);border:1px solid var(--border2);border-radius:3px;padding:1px 4px}.toolbox-sep{width:20px;height:1px;background:var(--border);margin:6px auto}.toolbox-btn.toolbox-danger{color:var(--text3)}.toolbox-btn.toolbox-danger:hover,.toolbox-btn.toolbox-danger.active{background:var(--red-soft);color:var(--red);border-color:var(--red-border)}.canvas-nav-controls{position:absolute;bottom:14px;right:14px;transition:bottom var(--transition-base),right var(--transition-base),left var(--transition-base),top var(--transition-base);display:flex;align-items:center;gap:2px;z-index:50;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:var(--shadow-sm)}.cnc-btn{width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;color:var(--text2);font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.cnc-btn:hover{background:var(--surface);color:var(--text)}.cnc-btn.active{background:var(--surface2);color:var(--accent);border-color:var(--accent-border-strong)}.cnc-btn svg{width:14px;height:14px;fill:currentColor;stroke:none}.cnc-zoom-input{background:transparent;border:1px solid transparent;width:44px;color:var(--text3);font-family:var(--mono);font-size:.65rem;text-align:center;padding:0 2px;border-radius:4px;transition:all var(--transition-fast);cursor:text}.cnc-zoom-input:hover{background:var(--surface);border-color:var(--border2)}.cnc-zoom-input:focus{outline:none;background:var(--bg3);border-color:var(--accent);color:var(--text);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.cnc-sep{width:1px;height:18px;background:var(--border2);margin:0 2px}.minimap-container{position:absolute;bottom:56px;right:14px;z-index:50;background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:opacity var(--transition-fast),bottom var(--transition-base),right var(--transition-base),left var(--transition-base),top var(--transition-base)}.minimap-container.minimap-hidden{display:none}.minimap-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--bg3);border-bottom:1px solid var(--border)}.minimap-title{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}.minimap-toggle{width:18px;height:18px;background:transparent;border:none;cursor:pointer;color:var(--text3);font-size:.8rem;display:flex;align-items:center;justify-content:center;border-radius:3px;padding:0}.minimap-toggle:hover{color:var(--text)}.minimap-toggle svg{width:10px;height:10px;fill:currentColor;stroke:none}.minimap-show-btn svg{width:12px;height:12px;fill:currentColor;stroke:none;flex-shrink:0}.minimap-canvas{display:block;cursor:pointer;width:160px;height:100px;touch-action:none}.minimap-canvas.dragging{cursor:grabbing}.minimap-show-btn{position:absolute;bottom:56px;right:14px;z-index:50;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:var(--mono);font-size:.6rem;color:var(--text3);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),bottom var(--transition-base),right var(--transition-base),left var(--transition-base),top var(--transition-base);display:inline-flex;align-items:center;gap:5px}.minimap-show-btn:hover{color:var(--text);background:var(--surface)}@media(max-width:900px){.canvas-toolbox{top:auto;bottom:12px;left:12px;transform:none;flex-direction:row;align-items:stretch;max-width:calc(100% - 116px);overflow-x:auto;padding:4px}.toolbox-sep{width:1px;height:100%;min-height:22px;margin:0 2px}.toolbox-btn{min-width:46px;padding:7px 8px}.toolbox-kbd{display:none}.canvas-nav-controls{right:12px;bottom:12px}.minimap-container{right:12px;bottom:56px}.minimap-canvas{width:120px;height:75px}.minimap-show-btn{right:12px;bottom:56px}}@media(max-width:640px){.toolbox-lbl{font-size:.55rem}.cnc-zoom-input{width:38px}.minimap-container{display:none}.minimap-show-btn{display:none!important}}body.modal-open{overflow:hidden}.overlay{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:900;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.overlay.show{opacity:1;pointer-events:all}.modal{background:linear-gradient(180deg,var(--surface) 0%,var(--bg2) 100%);border:1px solid var(--border2);border-radius:14px;padding:26px 28px;min-width:280px;max-width:380px;width:90%;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg),0 0 0 1px var(--overlay-ring),inset 0 1px #ffffff08;transform:translateY(-10px) scale(.98);transition:transform var(--transition-base),opacity var(--transition-base)}.overlay.show .modal{transform:translateY(0) scale(1)}.modal-title{font-family:var(--sans);font-size:1.08rem;font-weight:600;letter-spacing:-.01em;color:var(--text);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.modal-row{display:flex;gap:16px;align-items:center;margin-bottom:16px}.modal-row:last-of-type{margin-bottom:0}.modal-row-tight{margin-top:-8px}.mealy-outputs-list{max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.mealy-output-row{display:flex;align-items:center;gap:10px}.mealy-output-lbl{font-family:var(--sans);font-size:.72rem;color:var(--text2);flex-shrink:0}.mealy-output-row .sel{flex:1}.modal-lbl{font-family:var(--sans);font-size:.72rem;color:var(--text2);min-width:130px;line-height:1.35}.modal-hint{font-family:var(--sans);font-size:.68rem;color:var(--text3);line-height:1.5}.modal-hint code{font-family:var(--mono);background:var(--surface3);border:1px solid var(--border2);border-radius:3px;padding:1px 5px;color:var(--accent);font-size:.95em}.modal-section-lbl{font-family:var(--sans);font-size:.65rem;color:var(--text3);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:0 0 8px;margin:14px 0 10px;border-bottom:1px solid var(--border)}.modal-section-lbl:first-child{margin-top:0}.confirm-msg{font-size:.83rem;color:var(--text2);line-height:1.55;margin-bottom:24px;font-family:var(--mono)}.modal-foot{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);justify-content:flex-end;flex-wrap:wrap}.modal-foot-split{justify-content:space-between}.modal-foot-group{display:flex;gap:7px}.btn-p{padding:8px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 100%,white 8%),var(--accent));border:1px solid var(--accent-border-strong);color:var(--on-accent);font-family:var(--mono);font-size:.72rem;border-radius:7px;cursor:pointer;font-weight:600;letter-spacing:.01em;box-shadow:0 1px 2px #00000026;transition:filter var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-p:hover{filter:brightness(1.1);box-shadow:var(--accent-glow),0 1px 2px #00000026}.btn-p:active{transform:translateY(1px);filter:brightness(.97)}.btn-g{padding:8px 18px;background:var(--surface2);border:1px solid var(--border2);color:var(--text2);font-family:var(--mono);font-size:.72rem;border-radius:7px;cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.btn-g:hover{background:var(--surface3);border-color:var(--border2);color:var(--text)}.btn-g:active{transform:translateY(1px)}.btn-danger-ghost{color:var(--red)!important;border-color:var(--red-border)!important;background:transparent!important;margin-right:auto}.btn-danger-ghost:hover{background:var(--red-soft)!important}.toggle-switch{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer;line-height:0}.toggle-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.toggle-track{display:block;width:36px;height:20px;border-radius:999px;background:var(--surface3);border:1px solid var(--border2);transition:background var(--transition-fast),border-color var(--transition-fast)}.toggle-thumb{display:block;width:14px;height:14px;margin:2px;border-radius:50%;background:var(--text3);box-shadow:0 1px 2px #0000004d;transition:transform var(--transition-base),background var(--transition-fast)}.toggle-switch input:checked+.toggle-track{background:var(--accent-soft-strong);border-color:var(--accent-border-strong)}.toggle-switch input:checked+.toggle-track .toggle-thumb{background:var(--accent);transform:translate(16px);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 50%,transparent),0 1px 2px #0000004d}.toggle-switch input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.toggle-switch:hover .toggle-track{border-color:var(--accent-border)}.modal.settings-modal-wide{max-width:620px;width:90vw;display:flex;flex-direction:column}.modal.note-modal-wide{max-width:480px}.modal.trans-modal-wide{max-width:440px}.modal.help-modal-wide{max-width:400px}.modal.about-modal-wide{max-width:420px}.modal-tabs{display:flex;flex-wrap:wrap;gap:2px 2px;border-bottom:1px solid var(--border);margin-bottom:22px}.modal-tab{font-family:var(--sans);font-size:.78rem;font-weight:500;color:var(--text3);cursor:pointer;padding:8px 12px;border-radius:7px 7px 0 0;border-bottom:2px solid transparent;transition:all var(--transition-fast);white-space:nowrap}.modal-tab:hover{color:var(--text2);background:var(--tab-hover-bg)}.modal-tab.active{color:var(--accent);background:var(--tab-active-bg);border-bottom-color:var(--tab-active-line)}.modal-tab-panels{overflow:hidden}.modal-tab-content{display:none;animation:modal-tab-fade-in var(--transition-base)}.modal-tab-content.active{display:block}@keyframes modal-tab-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.about-logo-header{display:flex;align-items:baseline;gap:10px;padding-bottom:16px;margin-bottom:4px;border-bottom:1px solid var(--border2)}.about-logo-header .logo-author{opacity:1;position:static;margin-top:0;font-size:.6rem;pointer-events:none}.about-body{display:flex;flex-direction:column;gap:0;margin-bottom:4px}.about-row{display:flex;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.about-row:last-child{border-bottom:none}.about-lbl{font-family:var(--mono);font-size:.65rem;color:var(--text3);min-width:90px;flex-shrink:0;letter-spacing:.04em}.about-val{font-family:var(--mono);font-size:.78rem;color:var(--text)}.about-val em{color:var(--accent);font-style:normal}.about-badge{font-size:.65rem;color:var(--text2);background:var(--surface2);border:1px solid var(--border2);border-radius:4px;padding:2px 8px;letter-spacing:.04em}.about-link{font-family:var(--mono);font-size:.75rem;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:opacity var(--transition-fast)}.about-link:hover{opacity:.75}.about-link svg{width:10px;height:10px;fill:currentColor;stroke:none;flex-shrink:0}.ctx{position:fixed;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:5px;z-index:800;box-shadow:var(--shadow-md),0 0 0 1px var(--overlay-ring);min-width:240px;display:none;animation:ctx-pop-in .12s ease-out}.ctx.shape-tool-menu{min-width:190px}.shape-tool-menu .ctx-i.active{background:var(--accent-soft);color:var(--accent)}@keyframes ctx-pop-in{0%{opacity:0;transform:translateY(-3px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ctx-divider{height:1px;background:var(--border);margin:4px 6px}.ctx[data-mode=state] .ctx-edge,.ctx[data-mode=state] .ctx-note,.ctx[data-mode=state] .ctx-shape,.ctx[data-mode=edge] .ctx-state,.ctx[data-mode=edge] .ctx-note,.ctx[data-mode=edge] .ctx-shape,.ctx[data-mode=note] .ctx-state,.ctx[data-mode=note] .ctx-edge,.ctx[data-mode=note] .ctx-shape,.ctx[data-mode=divider] .ctx-state,.ctx[data-mode=divider] .ctx-edge,.ctx[data-mode=divider] .ctx-note{display:none}.note-swatch-row{display:flex;gap:8px;cursor:default}.ctx-row{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:default}.divider-style-row{gap:6px}.divider-style-btn{display:flex;align-items:center;justify-content:center;width:42px;height:24px;padding:0;border:1px solid var(--border2);border-radius:5px;background:var(--surface);color:var(--text2);cursor:pointer;transition:border-color .12s,color .12s,background .12s}.divider-style-btn svg,.ctx .divider-style-btn svg{width:24px;height:8px;fill:none;stroke:currentColor;opacity:1;flex-shrink:0}.divider-style-btn:hover{border-color:var(--accent-border);color:var(--text)}.divider-style-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.note-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--border2);cursor:pointer;padding:0;flex-shrink:0;transition:transform .1s}.note-swatch:hover{transform:scale(1.15)}.note-swatch.active{box-shadow:0 0 0 2px var(--bg2),0 0 0 3px var(--accent);transform:scale(1.08)}.note-swatch[data-color=default],.note-swatch[data-color=slate]{background:var(--surface3)}.note-swatch[data-color=violet]{background:var(--violet)}.note-swatch[data-color=indigo]{background:var(--indigo)}.note-swatch[data-color=blue]{background:var(--blue)}.note-swatch[data-color=yellow]{background:var(--note-yellow)}.note-swatch[data-color=green]{background:var(--green)}.note-swatch[data-color=purple]{background:var(--purple)}.note-swatch[data-color=orange]{background:var(--orange)}.note-swatch[data-color=red]{background:var(--red)}.ctx-i{padding:7px 12px;font-family:var(--sans);font-size:.78rem;color:var(--text);border-radius:6px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);display:flex;align-items:center;gap:9px;white-space:nowrap}.ctx-i svg{width:14px;height:14px;fill:currentColor;stroke:none;flex-shrink:0;opacity:.85}.ctx-i:hover{background:var(--surface3)}.ctx-i.active{color:var(--accent)}.ctx-i.active svg{opacity:1}.ctx-kbd-hint{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--text3);background:var(--bg3);border:1px solid var(--border2);border-radius:3px;padding:1px 4px;flex-shrink:0}.ctx-i.danger{color:var(--red)}.ctx-i.danger:hover{background:var(--red-soft)}.ctx-i.disabled{color:var(--text3);cursor:default;pointer-events:none;opacity:.5}.status{position:absolute;top:10px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.65rem;letter-spacing:.07em;padding:4px 13px;background:var(--surface);border:1px solid var(--border2);border-radius:20px;color:var(--text2);pointer-events:none;opacity:0;transition:opacity .25s;white-space:nowrap;z-index:10}.status.show{opacity:1}.parse-tree-svg{background:var(--bg3);border:1px solid var(--border);border-radius:7px;display:block;margin:8px 0}.pt-node-nt{fill:color-mix(in srgb,var(--accent) 15%,transparent);stroke:var(--accent);stroke-width:1.5}.pt-node-t{fill:var(--gold-soft);stroke:var(--gold);stroke-width:1.5}.pt-text{font-family:var(--mono);font-size:11px;text-anchor:middle;dominant-baseline:central;fill:var(--text)}.pt-edge{stroke:var(--border2);stroke-width:1}.ct-node{font-family:var(--mono);font-size:.68rem;padding:4px 8px;border-radius:5px;border:1px solid var(--border2);background:var(--surface);display:inline-block}.ct-node.accept{border-color:color-mix(in srgb,var(--gold) 50%,transparent);color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent)}.ct-node.reject{border-color:var(--red-border);color:var(--red);background:color-mix(in srgb,var(--red) 5%,transparent)}.help-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.72rem;margin-top:8px}.help-table td{padding:5px 10px;border-bottom:1px solid var(--border)}.help-table td:first-child{color:var(--accent);font-weight:600;width:120px}.help-section{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin:12px 0 4px}.pump-char.u-part{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent)}.pump-char.v-part{background:color-mix(in srgb,var(--purple) 15%,transparent);border-color:var(--purple-border);color:var(--purple)}.pump-char.x-part2{background:var(--green-soft);border-color:var(--green-border);color:var(--green)}.pump-char.y-part2{background:var(--gold-soft);border-color:var(--gold-border);color:var(--gold)}.pump-char.z-part2{background:color-mix(in srgb,var(--red) 8%,transparent);border-color:color-mix(in srgb,var(--red) 25%,transparent);color:var(--red)}.dec-card-empty{border-color:var(--red-border)!important}.dec-card-nonempty,.dec-card-finite{border-color:var(--green-border)!important}.dec-card-infinite{border-color:var(--orange-border)!important}.dec-card-universal{border-color:var(--green-border)!important}.dec-card-notuniversal{border-color:var(--red-border)!important}.m2-status{font-family:var(--mono);font-size:.65rem;padding:5px 10px;border-radius:5px;border:1px solid var(--border2);display:inline-block;color:var(--text2)}.m2-status.saved{border-color:color-mix(in srgb,var(--green) 35%,transparent);color:var(--green)}.dec-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.7rem}.dec-table th{background:var(--surface2);color:var(--text2);padding:7px 10px;border:1px solid var(--border2);font-weight:600}.dec-table td{padding:7px 10px;border:1px solid var(--border);text-align:center}.dec-table td.yes{color:var(--green)}.dec-table td.semi{color:var(--orange)}.dec-table td.no{color:var(--red)}.ws-save-btn{width:100%;padding:5px 10px;background:color-mix(in srgb,var(--green) 8%,transparent);border:1px solid color-mix(in srgb,var(--green) 25%,transparent);color:var(--green);font-family:var(--mono);font-size:.65rem;border-radius:5px;cursor:pointer;transition:all .15s;margin-bottom:4px}.ws-save-btn:hover{background:color-mix(in srgb,var(--green) 15%,transparent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.note-editor-row{align-items:flex-start}.note-editor{flex:1;min-width:0;display:flex;flex-direction:column;border:1px solid var(--border2);border-radius:9px;background:var(--bg3);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.note-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.note-toolbar{display:flex;align-items:center;gap:2px;padding:6px;border-bottom:1px solid var(--border);background:var(--surface2);flex-wrap:wrap}.note-tb-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid transparent;background:transparent;color:var(--text2);border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.note-tb-btn svg{width:14px;height:14px;fill:currentColor}.note-tb-btn:hover{background:var(--surface3);color:var(--text);border-color:var(--border2)}.note-tb-btn:active{transform:translateY(1px)}.note-tb-sep{width:1px;height:18px;background:var(--border2);margin:0 4px;flex-shrink:0}.note-tb-hint{font-family:var(--sans);font-size:.63rem;color:var(--text3);line-height:1.4;margin-left:6px;flex:1 1 180px;min-width:140px}.note-tb-hint code{font-family:var(--mono);background:var(--surface3);border-radius:3px;padding:0 3px;color:var(--text2)}.note-tb-hint kbd{font:inherit;color:var(--text2)}.note-textarea{border:none;border-radius:0;background:transparent;width:100%;resize:vertical;min-height:90px;max-height:50vh;font-family:var(--mono);line-height:1.5;padding:10px 12px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere}.note-textarea:focus{outline:none;box-shadow:none;border-color:transparent}.note-textarea:empty:before{content:attr(data-placeholder);color:var(--text3);pointer-events:none}.note-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;border-top:1px solid var(--border);background:var(--surface2)}.note-resize-hint{font-family:var(--sans);font-size:.62rem;color:var(--text3)}.note-char-count{font-family:var(--mono);font-size:.65rem;color:var(--text3);white-space:nowrap}.note-char-count-max{color:var(--orange)}.tooltip{position:fixed;z-index:1200;display:flex;align-items:center;gap:7px;max-width:260px;padding:6px 9px;background:var(--surface2);border:1px solid var(--border2);border-radius:7px;box-shadow:var(--shadow-md),0 0 0 1px var(--overlay-ring);font-family:var(--sans);font-size:.72rem;line-height:1.35;color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease,visibility .12s}.tooltip.show{opacity:1;visibility:visible;transform:translateY(0)}.tooltip.wrap{display:block;max-width:300px;white-space:pre-line;text-align:left}.tooltip.wrap .tooltip-kbd{display:inline-block;margin-left:6px;vertical-align:baseline}.tooltip.measuring{visibility:hidden;opacity:0;transition:none}.tooltip[data-placement=above]{transform:translateY(2px)}.tooltip[data-placement=above].show{transform:translateY(0)}.tooltip-kbd{font-family:var(--mono);font-size:.62rem;color:var(--text3);background:var(--bg2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;flex-shrink:0}@media(pointer:coarse){.tooltip{font-size:.78rem;padding:8px 11px}}.modal.export-image-modal{max-width:460px}.modal.export-code-modal{max-width:860px;width:92vw;display:flex;flex-direction:column}.exp-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.exp-row-stack{align-items:flex-start}.exp-lbl{flex:0 0 92px;font-size:.78rem;color:var(--text2);letter-spacing:.01em}.exp-segs{display:flex;flex-wrap:wrap;gap:6px}.exp-seg{font-family:var(--sans);font-size:.76rem;color:var(--text2);background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:6px 11px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.exp-seg:hover{background:var(--surface3);color:var(--text)}.exp-seg.on{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.exp-seg:focus-visible,.exp-fmt:focus-visible,.exp-preview:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.exp-num{max-width:110px}.exp-color{width:48px;height:30px;padding:2px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;cursor:pointer}.exp-checks{display:flex;flex-direction:column;gap:9px}.exp-check{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text);cursor:pointer}.exp-check em{font-style:normal;font-size:.7rem;color:var(--text3)}.exp-note,.exp-blurb{font-size:.74rem;color:var(--text3);line-height:1.5;margin-bottom:14px}.exp-blurb code{font-family:var(--mono);font-size:.95em;background:var(--bg3);padding:1px 5px;border-radius:4px;color:var(--text2)}.exp-dim{margin-top:4px;padding-top:13px;border-top:1px solid var(--border);font-size:.74rem;color:var(--text3)}.exp-dim strong{color:var(--text);font-variant-numeric:tabular-nums}.exp-split{display:grid;grid-template-columns:208px minmax(0,1fr);gap:20px;min-height:0}.exp-side{display:flex;flex-direction:column;gap:14px;max-height:52vh;overflow-y:auto;padding-right:4px}.exp-group-name{font-size:.64rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text3);margin-bottom:6px}.exp-fmt{display:block;width:100%;text-align:left;font-family:var(--sans);font-size:.78rem;color:var(--text2);background:transparent;border:1px solid transparent;border-radius:7px;padding:7px 10px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.exp-fmt:hover{background:var(--surface2);color:var(--text)}.exp-fmt.on{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.exp-fmt.off{color:var(--text3)}.exp-main{display:flex;flex-direction:column;min-width:0}.exp-opts{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:14px}.exp-field{display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--text2)}.exp-field select.inp,.exp-field input.inp,.exp-field .custom-select{max-width:170px}.exp-preview{flex:1;min-height:240px;max-height:44vh;overflow:auto;margin:0;padding:13px 15px;background:var(--bg);border:1px solid var(--border);border-radius:9px;font-family:var(--mono);font-size:.72rem;line-height:1.55;color:var(--text2);white-space:pre;tab-size:2}.exp-meta{margin-top:9px;font-size:.7rem;color:var(--text3);font-variant-numeric:tabular-nums}.exp-bar{display:flex;gap:6px;margin-top:8px}.exp-bar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--sans);font-size:.68rem;color:var(--text2);background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:5px 8px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.exp-bar-btn:hover{background:var(--surface3);color:var(--text)}.exp-bar-btn svg{width:12px;height:12px}@media(max-width:720px){.exp-split{grid-template-columns:1fr;gap:14px}.exp-side{flex-direction:row;flex-wrap:wrap;max-height:none;gap:8px}.exp-group{flex:1 1 100%}.exp-preview{min-height:160px;max-height:32vh}}.modal.export-code-modal{max-width:940px;width:min(94vw,940px);height:min(760px,88vh);padding:0;overflow:hidden}.export-code-modal .modal-title{margin:0;padding:22px 26px 7px;border-bottom:0;font-size:1.12rem}.export-code-intro{padding:0 26px 20px;border-bottom:1px solid var(--border);font-family:var(--sans);font-size:.76rem;line-height:1.45;color:var(--text3)}.export-code-modal .exp-split{grid-template-columns:220px minmax(0,1fr);gap:0;flex:1}.export-code-modal .exp-side{gap:18px;max-height:none;min-height:0;padding:20px 14px 22px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg2) 74%,transparent)}.export-code-modal .exp-group-name{padding:0 9px;margin-bottom:6px;font-family:var(--sans);font-weight:600;letter-spacing:.08em}.export-code-modal .exp-fmt{position:relative;min-height:35px;padding:8px 10px 8px 13px;font-weight:500}.export-code-modal .exp-fmt.on:before{content:"";position:absolute;left:4px;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--accent)}.export-code-modal .exp-main{min-height:0;padding:20px 24px 0}#export-code-options{min-height:0!important;padding-bottom:4px}.export-code-modal .exp-opts{align-items:center;gap:10px 16px;margin-bottom:16px}.export-code-modal .exp-field,.export-code-modal .exp-check,.export-code-modal .exp-blurb{font-family:var(--sans)}.export-code-modal .exp-check{min-height:34px;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface2)}.export-code-modal .exp-check input{accent-color:var(--accent)}.export-code-modal .exp-field>span{white-space:nowrap}.export-code-modal .exp-preview{min-height:220px;max-height:none;padding:16px 18px;border-color:var(--border2);border-radius:8px;box-shadow:inset 0 1px #ffffff05;line-height:1.6}.export-code-modal .exp-meta{min-height:35px;display:flex;align-items:center;margin-top:0;font-family:var(--sans)}.export-code-modal .modal-foot{flex:0 0 auto;margin:0;padding:16px 24px;background:color-mix(in srgb,var(--surface) 82%,var(--bg2))}.export-code-modal .modal-foot .btn-g:first-child{margin-right:auto}@media(max-width:700px){.modal.export-code-modal{width:calc(100% - 20px);height:min(92vh,760px)}.export-code-modal .modal-title{padding:18px 18px 6px}.export-code-intro{padding:0 18px 16px}.export-code-modal .exp-split{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.export-code-modal .exp-side{flex-direction:row;gap:8px;padding:12px 14px;border-right:0;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden}.export-code-modal .exp-group{display:contents}.export-code-modal .exp-group-name{display:none}.export-code-modal .exp-fmt{width:auto;min-width:max-content;padding:7px 10px}.export-code-modal .exp-fmt.on:before{display:none}.export-code-modal .exp-main{padding:16px 16px 0}.export-code-modal .exp-field{flex:1 1 180px;justify-content:space-between}.export-code-modal .exp-preview{min-height:170px}.export-code-modal .modal-foot{padding:12px 16px;flex-wrap:nowrap}.export-code-modal .modal-foot .btn-g,.export-code-modal .modal-foot .btn-p{width:auto}}.modal.settings-modal-wide{max-width:940px;width:min(94vw,940px);height:min(760px,88vh)}.settings-modal-wide .settings-split{grid-template-columns:220px minmax(0,1fr);gap:0;flex:1;min-height:0}.settings-modal-wide #settings-tabs{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;margin:0;border-bottom:0}.settings-modal-wide #settings-tabs .modal-tab{position:relative;display:block;width:100%;min-height:35px;padding:8px 10px 8px 13px;border:1px solid transparent;border-radius:7px;text-align:left;font-family:var(--sans);font-size:.77rem;font-weight:500;color:var(--text2);background:transparent}.settings-modal-wide #settings-tabs .modal-tab:hover{color:var(--text);background:var(--surface2)}.settings-modal-wide #settings-tabs .modal-tab.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.settings-modal-wide #settings-tabs .modal-tab.active:before{content:"";position:absolute;left:4px;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--accent)}.settings-modal-wide #settings-tab-panels{min-width:0;min-height:0;height:auto!important;padding:20px 24px;overflow-y:auto}.settings-modal-wide .modal-tab-content.active{display:flex;flex-direction:column;gap:10px}.settings-modal-wide .modal-row{min-height:48px;margin:0;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface2)}.settings-modal-wide .modal-lbl{flex:1;min-width:0;font-family:var(--sans);font-size:.76rem;color:var(--text2)}.settings-modal-wide .modal-row>.inp,.settings-modal-wide .modal-row>.sel,.settings-modal-wide .modal-row>.custom-select{flex:0 0 210px;max-width:210px}.settings-modal-wide .modal-foot{flex-wrap:nowrap}@media(max-width:700px){.modal.settings-modal-wide{width:calc(100% - 20px);height:min(92vh,760px)}.settings-modal-wide .settings-split{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.settings-modal-wide #settings-tabs{flex-direction:row;overflow-x:auto}.settings-modal-wide #settings-tabs .modal-tab{width:auto;min-width:max-content;padding:7px 10px}.settings-modal-wide #settings-tabs .modal-tab.active:before{display:none}.settings-modal-wide #settings-tab-panels{padding:16px}.settings-modal-wide .modal-row{flex-wrap:nowrap}.settings-modal-wide .modal-row>.inp,.settings-modal-wide .modal-row>.sel,.settings-modal-wide .modal-row>.custom-select{flex:0 1 180px;max-width:180px}.settings-modal-wide .modal-foot{overflow-x:auto}.settings-modal-wide .modal-foot-group{flex-shrink:0}}.modal.theme-modal{max-width:640px;width:min(92vw,640px)}.theme-modal-hint{margin-bottom:18px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:min(52vh,420px);padding:2px 2px 4px;overflow-y:auto}.theme-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--border2);border-radius:var(--r);background:var(--surface2);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),transform .1s}.theme-card:hover{border-color:var(--accent-border);transform:translateY(-1px)}.theme-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-border-strong)}.theme-card-swatch{width:100%;height:40px;border-radius:6px;border:1px solid var(--border2)}.theme-card-name{font-family:var(--sans);font-size:.76rem;font-weight:500;color:var(--text)}.theme-card-check{position:absolute;top:8px;right:8px;width:16px;height:16px;color:var(--accent)}@media(max-width:700px){.modal.theme-modal{width:calc(100% - 20px)}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));max-height:min(60vh,420px)}}.custom-select{position:relative;flex:1;min-width:0;max-width:100%}.custom-select--sim-speed{flex:none;width:48px}.custom-select-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;pointer-events:none!important}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;height:100%;box-sizing:border-box;background:var(--bg3);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);font-size:.78rem;line-height:1.25;padding:5px 9px;border-radius:6px;outline:none;cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.custom-select--sim-speed .custom-select-trigger{height:28px;padding:4px 7px;background:var(--surface);color:var(--text2);font-family:var(--sans);font-size:.64rem;font-weight:600;border-radius:6px}.custom-select-trigger:hover{border-color:var(--accent-border);background:var(--surface3)}.custom-select-trigger:focus-visible,.custom-select.open .custom-select-trigger{border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}.custom-select-trigger:disabled{cursor:not-allowed;opacity:.5}.custom-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron{width:10px;height:10px;flex:none;color:var(--text3);transition:transform var(--transition-fast),color var(--transition-fast)}.custom-select.open .custom-select-chevron{color:var(--accent);transform:rotate(180deg)}.custom-select-listbox{position:fixed;z-index:2000;display:none;max-height:min(280px,calc(100vh - 24px));overflow:auto;padding:5px;border:1px solid var(--border2);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-lg);color:var(--text);font-family:var(--mono);font-size:.76rem;scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}.custom-select-listbox.open{display:block}.custom-select-option{display:flex;align-items:center;min-height:28px;padding:5px 8px;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere}.custom-select-option:hover,.custom-select-option.active{background:var(--accent-soft);color:var(--accent)}.custom-select-option[aria-selected=true]{background:var(--accent-soft-strong);color:var(--accent);font-weight:700}.custom-select-option[aria-disabled=true]{cursor:not-allowed;color:var(--text3);opacity:.65}.custom-select-option[aria-disabled=true]:hover{background:transparent}.custom-select-group{padding:7px 8px 3px;color:var(--text3);font-family:var(--sans);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(max-width:640px){.modal-row .custom-select{flex:1 1 140px}.custom-select-listbox{max-height:min(240px,calc(100vh - 20px))}}.model-picker-container{display:flex!important}.mobile-panel-toggle{display:none}.mobile-panel-content{display:contents}.mobile-panel-bar,.mobile-panel-scrim,.mobile-aux-bar,.mobile-aux-sheet-scrim{display:none}@media(max-width:900px){html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body{min-height:100svh}header{position:relative}.hdr-sep,.panel-header{display:none}.panel-resizer{display:none!important}.hbtn{flex:0 0 auto}.model-picker-container{flex:0 0 auto;width:auto}.model-picker-btn{min-width:132px;height:32px;padding:0 8px}.mobile-panel-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 14px;background:var(--bg2);border:0;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.mobile-panel-title{min-width:0}.mobile-panel-icon{color:var(--text3);font-size:.85rem;transition:transform var(--transition-fast),color var(--transition-fast);flex:0 0 auto}.app-body,.view-container,#v-build,#v-algo,#v-grammar,#v-theory{display:flex;flex-direction:column;flex:0 0 auto;overflow:visible;min-width:0;min-height:0}.lpanel,.rpanel,.algo-nav,.gram-left,.theory-nav{width:100%!important;min-width:0!important;max-height:none;border-left:0;border-right:0;box-shadow:none}.mobile-panel-content{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0}#lpanel[data-mobile-collapsed="1"]>.mobile-panel-content,#rpanel[data-mobile-collapsed="1"]>.mobile-panel-content,#algo-nav[data-mobile-collapsed="1"]>.mobile-panel-content,#gram-left[data-mobile-collapsed="1"]>.mobile-panel-content,#theory-nav[data-mobile-collapsed="1"]>.mobile-panel-content{display:none}#lpanel[data-mobile-collapsed="1"] .mobile-panel-icon,#rpanel[data-mobile-collapsed="1"] .mobile-panel-icon,#algo-nav[data-mobile-collapsed="1"] .mobile-panel-icon,#gram-left[data-mobile-collapsed="1"] .mobile-panel-icon,#theory-nav[data-mobile-collapsed="1"] .mobile-panel-icon{transform:rotate(-90deg);color:var(--text2)}.lpanel,.algo-nav,.gram-left,.theory-nav{border-bottom:1px solid var(--border)}.rpanel{border-top:1px solid var(--border)}.lpanel.unpinned,.lpanel.unpinned:not(:hover),.rpanel.unpinned,.rpanel.unpinned:not(:hover){position:relative;top:auto;right:auto;left:auto;height:auto;width:100%;min-width:0;box-shadow:none}.lpanel.unpinned:after,.rpanel.unpinned:before{display:none}.lpanel.unpinned .lpanel-content,.lpanel.unpinned:not(:hover) .lpanel-content,.rpanel.unpinned>:not(style),.rpanel.unpinned:not(:hover)>:not(style){opacity:1;visibility:visible;pointer-events:auto}.lpanel-content,.rpanel-content,.algo-content,.gram-right{overflow:visible}#lpanel[data-mobile-collapsed="1"],#rpanel[data-mobile-collapsed="1"],#algo-nav[data-mobile-collapsed="1"],#gram-left[data-mobile-collapsed="1"],#theory-nav[data-mobile-collapsed="1"]{flex:0 0 auto;height:auto;min-height:0;max-height:none;overflow:hidden}.canvas-area{min-height:clamp(320px,52svh,560px);height:clamp(320px,52svh,560px)}.status{left:12px;right:12px;top:12px;transform:none;max-width:none;white-space:normal;text-align:center;line-height:1.5}.canvas-toolbox{inset:auto 12px 12px;transform:none;width:auto;gap:6px;max-width:none;overflow-x:auto;padding:6px 8px;border-radius:18px;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.canvas-toolbox[data-dock=top],.canvas-toolbox[data-dock=bottom],.canvas-toolbox[data-dock=left],.canvas-toolbox[data-dock=right]{flex-direction:row;align-items:center;min-width:0;padding:6px 8px}.toolbox-grip{width:28px;min-height:28px}.canvas-toolbox[data-dock=top] .toolbox-grip,.canvas-toolbox[data-dock=bottom] .toolbox-grip,.canvas-toolbox[data-dock=floating] .toolbox-grip{width:28px;min-height:28px;margin-right:2px}.canvas-toolbox[data-dock=top] .toolbox-btn,.canvas-toolbox[data-dock=bottom] .toolbox-btn{min-width:58px;padding:7px 9px}.canvas-toolbox::-webkit-scrollbar,.hdr-right::-webkit-scrollbar{display:none}.toolbox-btn{min-width:50px;padding:7px 8px}.toolbox-kbd,.minimap-container,.minimap-show-btn,.canvas-hint,.zoom-indicator{display:none!important}.toolbox-sep{width:1px;height:auto;margin:0 2px}.canvas-nav-controls{top:12px;right:12px;bottom:auto}.lang-claim,.def-box{max-width:none}.algo-content,.gram-right{padding:16px 14px}.algo-content .card,.gram-right .card,.pump-section,.hierarchy-section,.theory-card,.grammar-display,.info-box{overflow-x:auto}.card,.pump-section,.hierarchy-section,.theory-card{padding:14px}.algo-content [style*="display:flex"],.gram-right [style*="display:flex"],#v-theory .algo-content [style*="display:flex"]{flex-wrap:wrap}#utm-tape-wrap,.tape-wrap,.canvas-toolbox,.canvas-nav-controls,.hdr-right,.sctrl{flex-wrap:nowrap!important}.row,.sim-row,.regex-input-wrap,.pump-row,.modal-row,.modal-foot,.about-row{flex-wrap:wrap}.sim-row .run-btn,.regex-input-wrap .algo-btn,.algo-content .algo-btn,.modal-foot .btn-g,.modal-foot .btn-p{width:100%;margin-right:0}.sctrl-steps{overflow-x:auto}.algo-search-wrap{position:static}.algo-nav .mobile-panel-toggle,.gram-left .mobile-panel-toggle,.theory-nav .mobile-panel-toggle{position:sticky;top:0;z-index:2}.algo-item,.theory-nav-link{padding-right:12px}.theory-nav-header{padding-bottom:10px}.theory-section{margin-bottom:24px}.theory-section-title{gap:8px;font-size:1rem}.theory-section-sub,.tc-sub{line-height:1.5}.closure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pump-lbl,.modal-lbl,.about-lbl{min-width:0;width:100%}.pump-row .inp,.modal-row .inp,.modal-row .sel{flex:1 1 140px}.help-table td:first-child{width:84px}.help-table td,.result-table th,.result-table td,.dec-table th,.dec-table td,.cyk-cell,.min-table th,.min-table td{padding:6px 8px}.result-table,.dec-table,.help-table,.cyk-table,.min-table{font-size:.66rem}.parse-tree-svg,.algo-content svg,.gram-right svg{max-width:100%;height:auto}textarea,.batch-in{width:100%;max-width:100%}#v-theory .algo-content[style]{padding:16px 14px!important}}@media(max-width:640px){.hdr-left{padding-bottom:6px}.logo{font-size:1rem}.mobile-machine-select{flex-basis:108px;min-width:108px;max-width:108px}.hbtn{font-size:.64rem;padding:5px 8px}.toolbox-lbl{font-size:.55rem}.cnc-zoom-input{width:38px}.canvas-area{min-height:clamp(280px,46svh,460px);height:clamp(280px,46svh,460px)}.closure-grid{grid-template-columns:1fr}.modal{padding:18px 16px;min-width:0;width:calc(100% - 20px)}.note-tb-hint{flex-basis:100%;margin-left:0;margin-top:4px}.note-editor-foot{flex-wrap:wrap}}:root{--mobile-panel-bar-height: 62px}@media(max-width:900px){html,body{height:100%;min-height:100%;overflow:hidden}body{min-height:100dvh}.app-body{position:relative;display:block;height:calc(100dvh - var(--hdr));min-height:0;overflow:hidden}.view-container{display:block;width:100%;height:100%;min-height:0;overflow:hidden}#v-build{display:flex!important;width:100%;height:100%;min-height:0;overflow:hidden}#v-build .canvas-area{flex:1 1 auto;width:100%;height:auto;min-height:0;touch-action:none}#svgCanvas{touch-action:none}.lpanel,.rpanel{position:fixed!important;top:auto!important;right:0!important;bottom:calc(var(--mobile-panel-bar-height) + env(safe-area-inset-bottom,0px))!important;left:0!important;width:100%!important;min-width:0!important;height:min(78dvh,620px);max-height:calc(100dvh - var(--hdr) - var(--mobile-panel-bar-height) - env(safe-area-inset-bottom,0px) - 16px);border:1px solid var(--border2);border-bottom:0;border-radius:16px 16px 0 0;background:var(--bg2);box-shadow:var(--shadow-lg);overflow:hidden;z-index:160;transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;will-change:transform,opacity;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease,visibility 0s linear 0s}.lpanel[data-mobile-collapsed="1"],.rpanel[data-mobile-collapsed="1"]{display:flex;transform:translateY(calc(100% + 20px));opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,.28s}.lpanel[data-mobile-collapsed="1"]>.mobile-panel-content,.rpanel[data-mobile-collapsed="1"]>.mobile-panel-content{display:flex}.lpanel>.mobile-panel-toggle,.rpanel>.mobile-panel-toggle{display:none}.lpanel .mobile-panel-content,.rpanel .mobile-panel-content{display:flex;width:100%;height:100%;min-height:0;overflow:hidden}.lpanel .panel-header,.rpanel .panel-header{display:flex;flex:0 0 auto;min-height:44px;padding-left:16px;padding-right:12px}.lpanel .pin-btn,.rpanel .pin-btn{display:none}.lpanel-content,.rpanel-content{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-panel-scrim{position:fixed;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:var(--overlay);z-index:140;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity;transition:opacity .2s ease,visibility 0s linear .2s}.mobile-panel-scrim.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s}.mobile-panel-bar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;height:var(--mobile-panel-bar-height);padding:7px 12px calc(7px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:color-mix(in srgb,var(--bg2) 94%,transparent);border-top:1px solid var(--border);box-shadow:0 -8px 24px #0000002e;z-index:180}.mobile-panel-bar-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text2);font-family:var(--mono);font-size:.68rem;letter-spacing:.03em;cursor:pointer;touch-action:manipulation}.mobile-panel-bar-btn[aria-expanded=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.mobile-panel-bar-icon{color:currentColor;font-size:.95rem;line-height:1}.mobile-panel-bar-count{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--surface3, var(--bg3));color:var(--text3);font-size:.58rem;line-height:16px;text-align:center}.mobile-panel-bar-btn[aria-expanded=true] .mobile-panel-bar-count{background:var(--accent-soft-strong);color:var(--accent)}body.aux-open .mobile-panel-bar,body.aux-open .mobile-panel-scrim{display:none}.canvas-toolbox{bottom:calc(var(--mobile-panel-bar-height) + env(safe-area-inset-bottom,0px) + 12px)!important}.status{top:12px;bottom:auto}}@media(max-width:900px)and (prefers-reduced-motion:reduce){.lpanel,.rpanel,.mobile-panel-scrim{transition:none!important}}:root{--mobile-aux-bar-height: 64px}@media(max-width:900px){.aux-overlay-body{position:relative;min-height:0;overflow:hidden}body.aux-open[data-aux-view=algo] #v-algo,body.aux-open[data-aux-view=grammar] #v-grammar,body.aux-open[data-aux-view=theory] #v-theory{position:relative;display:flex!important;flex:1 1 auto;flex-direction:row;width:100%;height:100%;min-height:0;overflow:hidden}.aux-overlay .algo-content,.aux-overlay .gram-right{flex:1 1 auto;width:100%;height:100%;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:16px 14px calc(var(--mobile-aux-bar-height) + 18px)!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.aux-overlay #v-theory .algo-content[style]{padding:16px 14px calc(var(--mobile-aux-bar-height) + 18px)!important}.aux-overlay .algo-nav,.aux-overlay .gram-left,.aux-overlay .theory-nav{position:absolute;top:auto;right:0;bottom:var(--mobile-aux-bar-height);left:0;width:100%!important;min-width:0!important;height:min(72dvh,540px);max-height:calc(100% - var(--mobile-aux-bar-height) - 12px);border:1px solid var(--border2);border-bottom:0;border-radius:16px 16px 0 0;background:var(--bg2);box-shadow:var(--shadow-lg);overflow:hidden;z-index:4;transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;will-change:transform,opacity;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s ease,visibility 0s linear 0s}.aux-overlay #algo-nav[data-mobile-collapsed="1"],.aux-overlay #gram-left[data-mobile-collapsed="1"],.aux-overlay #theory-nav[data-mobile-collapsed="1"]{transform:translateY(calc(100% + 20px));opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,.28s}.aux-overlay .algo-nav .mobile-panel-toggle,.aux-overlay .gram-left .mobile-panel-toggle,.aux-overlay .theory-nav .mobile-panel-toggle{position:static;display:flex;flex:0 0 auto;min-height:50px;padding:12px 16px;border-top:0;border-radius:15px 15px 0 0;background:var(--surface)}.aux-overlay .algo-nav .mobile-panel-content,.aux-overlay .gram-left .mobile-panel-content,.aux-overlay .theory-nav .mobile-panel-content{display:flex!important;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-aux-sheet-scrim{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#00000052;opacity:0;visibility:hidden;pointer-events:none;z-index:3;will-change:opacity;transition:opacity .2s ease,visibility 0s linear .2s}.mobile-aux-sheet-scrim.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s}.mobile-aux-bar{position:absolute;right:0;bottom:0;left:0;display:none;height:var(--mobile-aux-bar-height);padding:7px 12px calc(7px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:color-mix(in srgb,var(--bg2) 94%,transparent);border-top:1px solid var(--border);box-shadow:0 -8px 24px #0000002e;z-index:5}body.aux-open .mobile-aux-bar{display:flex}.mobile-aux-bar-btn{display:none;align-items:center;width:100%;min-width:0;min-height:44px;gap:9px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text2);font-family:var(--mono);text-align:left;cursor:pointer;touch-action:manipulation}body.aux-open[data-aux-view=algo] .mobile-aux-bar-btn[data-aux-for=algo],body.aux-open[data-aux-view=grammar] .mobile-aux-bar-btn[data-aux-for=grammar],body.aux-open[data-aux-view=theory] .mobile-aux-bar-btn[data-aux-for=theory]{display:flex}.mobile-aux-bar-btn:active,.mobile-aux-bar-btn[aria-expanded=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.mobile-aux-bar-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:var(--surface3);color:currentColor;font-size:.95rem}.mobile-aux-bar-copy{display:flex;flex-direction:column;min-width:0;line-height:1.2}.mobile-aux-bar-copy strong{overflow:hidden;color:currentColor;font-size:.7rem;font-weight:500;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.mobile-aux-bar-copy small{margin-top:2px;overflow:hidden;color:var(--text3);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.mobile-aux-bar-chevron{margin-left:auto;color:var(--text3);font-size:1rem;transition:transform .2s ease,color .2s ease}.mobile-aux-bar-btn[aria-expanded=true] .mobile-aux-bar-chevron{transform:rotate(180deg);color:var(--accent)}}@media(max-width:900px)and (prefers-reduced-motion:reduce){.aux-overlay .algo-nav,.aux-overlay .gram-left,.aux-overlay .theory-nav,.mobile-aux-sheet-scrim,.mobile-aux-bar-chevron{transition:none!important}}