@layer themes {
html {
	--layout-max-width: 1360px;
	--font-scale: 1;
	--font-sans: 'IBM Plex Sans', sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;
	--font-title: Georgia,"Times New Roman",serif;
	--font-sans-alt: 'Nunito Sans', sans-serif;
	--font-mono-alt: 'Fira Mono', monospace;
	--font-title-alt: 'Nunito Sans', sans-serif;
	--control-h: 44px;
	--navbar-h: 56px;
	--radius-pill: 4px;
	--radius-sm: 2px;
	--radius-md: 4px;
	--radius-lg: 4px;
	--radius-xl: 4px;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--ease-out: cubic-bezier(.2, .8, .2, 1);
	--backdrop-blur-soft: 4px;
	--backdrop-blur: 8px;
	--brand: var(--success);
	--brand-hover: var(--success-hi);
	--brand-bg: var(--success-bg);
	--info: var(--pj);
	--info-hi: var(--pj);
	--info-bg: var(--tag-pj-bg);
	--text-muted: var(--muted);
	--line: var(--border);
	--surface-muted: var(--surface-2);
	--focus: var(--success);
	--border-strong: var(--border-hi);
	--accent: var(--success);
	--color-primary: var(--brand);
	--on-brand: var(--text-on-accent);
	--color-text-muted: var(--muted);
	--border-w: 1px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;
	--page-gutter: clamp(16px, 2.4vw, 32px);
	--page-top: clamp(20px, 3vw, 32px);
	--page-bottom: clamp(36px, 5vw, 64px);
	--section-gap: clamp(18px, 2.2vw, 28px);
	--panel-padding: clamp(16px, 1.8vw, 22px);
	--sidebar-width: 268px;
	--sidebar-rail: 72px;
	--topbar-height: 56px;
	--text-xs: 12px;
	--text-sm: 13px;
	--text-md: 15px;
	--text-lg: 18px;
	--text-xl: 22px;
	--text-2xl: 28px;
	--z-local: 1;
	--z-sticky: 100;
	--z-dropdown: 200;
	--z-modal: 300;
	--z-toast: 400;
	--map-missing: var(--surface-3);
	--map-stroke: var(--border-hi);
	--chart-up: var(--success);
	--chart-down: var(--danger);
	--chart-flat: var(--neutral);
	--chart-grid: var(--border);
	--chart-axis: var(--border-hi);
	--chart-label: var(--muted);
	--auth-copy: #f7fbf7;
	--overlay: rgb(0 0 0 / .48);
	--skeleton: var(--surface-3);
	--bg: #f4f6f3;
	--bg-rgb: 244, 246, 243;
	--surface: #ffffff;
	--surface-rgb: 255, 255, 255;
	--surface-2: #eef2ee;
	--surface-3: #e1e7e2;
	--surface-glass: #ffffff;
	--panel-bg: #ffffff;
	--panel-bg-strong: #ffffff;
	--control-bg: #f7f9f7;
	--hover-bg: #eef3ef;
	--glass-bg: #ffffff;
	--glass-bg-strong: #ffffff;
	--glass-border: #d8dfd8;
	--glass-shadow: 0 1px 2px rgba(18, 31, 22, .05);
	--app-bg-overlay: none;
	--parallax-opacity: 0;
	--parallax-filter: none;
	--border: #d8dfd8;
	--border-hi: #7a8c80;
	--text: #17201a;
	--text-2: #334039;
	--muted: #59685e;
	--success: #246b45;
	--success-hi: #1c5938;
	--success-bg: rgba(36, 107, 69, .08);
	--warning: #8b641d;
	--warning-hi: #ad7c2b;
	--warning-bg: rgba(139, 100, 29, .10);
	--danger: #a93643;
	--danger-hi: #c84956;
	--danger-bg: rgba(169, 54, 67, .09);
	--neutral: #59645c;
	--neutral-hi: #758178;
	--neutral-bg: rgba(89, 100, 92, .09);
	--pj: #2f6f7f;
	--pf: #8b6b2f;
	--tag-pj-bg: rgba(47, 111, 127, .08);
	--tag-pf-bg: rgba(139, 107, 47, .09);
	--accent-warm: #8b6b2f;
	--accent-cool: #2f6f7f;
	--text-on-accent: #fbfff8;
	--shadow-sm: 0 1px 2px rgba(19, 34, 26, .06);
	--shadow-md: 0 6px 18px rgba(19, 34, 26, .08);
	--shadow-lg: 0 14px 36px rgba(19, 34, 26, .12);
	--focus-ring: 0 0 0 3px color-mix(in srgb, var(--success) 18%, transparent);
	--chart-1: #246b45;
	--chart-2: #2f6f7f;
	--chart-3: #8b6b2f;
	--chart-4: #a93643;
	--chart-5: #6a4c93;
	--chart-6: #0072b2;
	--chart-7: #d55e00;
	--chart-8: #59645c;
	--seq-1: #edf6ef;
	--seq-2: #cde5d3;
	--seq-3: #9bc7a7;
	--seq-4: #65a578;
	--seq-5: #387b52;
	--seq-6: #155b36;
	--shell-sidebar: #e7eee9;
	--shell-topbar: #f9fbfa;
	--shell-ink: #243c30;
	--shell-muted: #4e6658;
	--shell-hover: #d7e4dc;
	--shell-active: #24513a;
	--shell-on-active: #fff;
	--shell-line: #bfcec4;
}
html.design-notion.theme-light {
	--layout-max-width: 1360px;
	--font-scale: 1;
	--font-sans: "Segoe UI",Arial,sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;
	--font-title: "Segoe UI",Arial,sans-serif;
	--font-sans-alt: 'Nunito Sans', sans-serif;
	--font-mono-alt: 'Fira Mono', monospace;
	--font-title-alt: 'Nunito Sans', sans-serif;
	--control-h: 44px;
	--navbar-h: 56px;
	--radius-pill: 4px;
	--radius-sm: 3px;
	--radius-md: 4px;
	--radius-lg: 5px;
	--radius-xl: 5px;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--ease-out: cubic-bezier(.2, .8, .2, 1);
	--backdrop-blur-soft: 4px;
	--backdrop-blur: 8px;
	--brand: var(--success);
	--brand-hover: var(--success-hi);
	--brand-bg: var(--success-bg);
	--info: var(--pj);
	--info-hi: var(--pj);
	--info-bg: var(--tag-pj-bg);
	--text-muted: var(--muted);
	--line: var(--border);
	--surface-muted: var(--surface-2);
	--focus: var(--success);
	--border-strong: var(--border-hi);
	--accent: var(--success);
	--color-primary: var(--brand);
	--on-brand: var(--text-on-accent);
	--color-text-muted: var(--muted);
	--border-w: 1px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;
	--page-gutter: clamp(16px, 2.4vw, 32px);
	--page-top: clamp(20px, 3vw, 32px);
	--page-bottom: clamp(36px, 5vw, 64px);
	--section-gap: clamp(18px, 2.2vw, 28px);
	--panel-padding: clamp(16px, 1.8vw, 22px);
	--sidebar-width: 268px;
	--sidebar-rail: 72px;
	--topbar-height: 56px;
	--text-xs: 12px;
	--text-sm: 13px;
	--text-md: 15px;
	--text-lg: 18px;
	--text-xl: 22px;
	--text-2xl: 28px;
	--z-local: 1;
	--z-sticky: 100;
	--z-dropdown: 200;
	--z-modal: 300;
	--z-toast: 400;
	--map-missing: var(--surface-3);
	--map-stroke: var(--border-hi);
	--chart-up: var(--success);
	--chart-down: var(--danger);
	--chart-flat: var(--neutral);
	--chart-grid: var(--border);
	--chart-axis: var(--border-hi);
	--chart-label: var(--muted);
	--auth-copy: #f7fbf7;
	--overlay: rgb(0 0 0 / .48);
	--skeleton: var(--surface-3);
	--bg: #fff;
	--bg-rgb: 255,255,255;
	--surface: #fff;
	--surface-rgb: 255,255,255;
	--surface-2: #f7f7f5;
	--surface-3: #ececea;
	--surface-glass: #fff;
	--panel-bg: #fff;
	--panel-bg-strong: #f7f7f5;
	--control-bg: #fff;
	--hover-bg: #efefed;
	--glass-bg: #fff;
	--glass-bg-strong: #f7f7f5;
	--glass-border: #d9d9d5;
	--glass-shadow: 0 1px 2px rgba(18, 31, 22, .05);
	--app-bg-overlay: none;
	--parallax-opacity: 0;
	--parallax-filter: none;
	--border: #d9d9d5;
	--border-hi: #8e8e88;
	--text: #37352f;
	--text-2: #54524c;
	--muted: #65635e;
	--success: #246b45;
	--success-hi: #1c5938;
	--success-bg: rgba(36, 107, 69, .08);
	--warning: #735600;
	--warning-hi: #ad7c2b;
	--warning-bg: #f6edce;
	--danger: #b52e2e;
	--danger-hi: #c84956;
	--danger-bg: #fbe9e7;
	--neutral: #59645c;
	--neutral-hi: #758178;
	--neutral-bg: rgba(89, 100, 92, .09);
	--pj: #2f6f7f;
	--pf: #8b6b2f;
	--tag-pj-bg: rgba(47, 111, 127, .08);
	--tag-pf-bg: rgba(139, 107, 47, .09);
	--accent-warm: #8b6b2f;
	--accent-cool: #2f6f7f;
	--text-on-accent: #fff;
	--shadow-sm: none;
	--shadow-md: 0 4px 14px rgb(0 0 0 / .10);
	--shadow-lg: 0 8px 24px rgb(0 0 0 / .15);
	--focus-ring: 0 0 0 3px color-mix(in srgb, var(--success) 18%, transparent);
	--chart-1: #246b45;
	--chart-2: #2f6f7f;
	--chart-3: #8b6b2f;
	--chart-4: #a93643;
	--chart-5: #6a4c93;
	--chart-6: #0072b2;
	--chart-7: #d55e00;
	--chart-8: #59645c;
	--seq-1: #edf6ef;
	--seq-2: #cde5d3;
	--seq-3: #9bc7a7;
	--seq-4: #65a578;
	--seq-5: #387b52;
	--seq-6: #155b36;
	--shell-sidebar: #f1f2ef;
	--shell-topbar: #fafbf9;
	--shell-ink: #373b34;
	--shell-muted: #62675c;
	--shell-hover: #e3e7de;
	--shell-active: #374f40;
	--shell-on-active: #fff;
	--shell-line: #cdd3c6;
}
html.design-notion.theme-dark {
	--layout-max-width: 1360px;
	--font-scale: 1;
	--font-sans: "Segoe UI",Arial,sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;
	--font-title: "Segoe UI",Arial,sans-serif;
	--font-sans-alt: 'Nunito Sans', sans-serif;
	--font-mono-alt: 'Fira Mono', monospace;
	--font-title-alt: 'Nunito Sans', sans-serif;
	--control-h: 44px;
	--navbar-h: 56px;
	--radius-pill: 4px;
	--radius-sm: 3px;
	--radius-md: 4px;
	--radius-lg: 5px;
	--radius-xl: 5px;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--ease-out: cubic-bezier(.2, .8, .2, 1);
	--backdrop-blur-soft: 4px;
	--backdrop-blur: 8px;
	--brand: var(--success);
	--brand-hover: var(--success-hi);
	--brand-bg: var(--success-bg);
	--info: var(--pj);
	--info-hi: var(--pj);
	--info-bg: var(--tag-pj-bg);
	--text-muted: var(--muted);
	--line: var(--border);
	--surface-muted: var(--surface-2);
	--focus: var(--success);
	--border-strong: var(--border-hi);
	--accent: var(--success);
	--color-primary: var(--brand);
	--on-brand: var(--text-on-accent);
	--color-text-muted: var(--muted);
	--border-w: 1px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;
	--page-gutter: clamp(16px, 2.4vw, 32px);
	--page-top: clamp(20px, 3vw, 32px);
	--page-bottom: clamp(36px, 5vw, 64px);
	--section-gap: clamp(18px, 2.2vw, 28px);
	--panel-padding: clamp(16px, 1.8vw, 22px);
	--sidebar-width: 268px;
	--sidebar-rail: 72px;
	--topbar-height: 56px;
	--text-xs: 12px;
	--text-sm: 13px;
	--text-md: 15px;
	--text-lg: 18px;
	--text-xl: 22px;
	--text-2xl: 28px;
	--z-local: 1;
	--z-sticky: 100;
	--z-dropdown: 200;
	--z-modal: 300;
	--z-toast: 400;
	--map-missing: var(--surface-3);
	--map-stroke: var(--border-hi);
	--chart-up: var(--success);
	--chart-down: var(--danger);
	--chart-flat: var(--neutral);
	--chart-grid: var(--border);
	--chart-axis: var(--border-hi);
	--chart-label: var(--muted);
	--auth-copy: #f7fbf7;
	--overlay: rgb(0 0 0 / .48);
	--skeleton: var(--surface-3);
	--bg: #191919;
	--bg-rgb: 25,25,25;
	--surface: #202020;
	--surface-rgb: 32,32,32;
	--surface-2: #252525;
	--surface-3: #303030;
	--surface-glass: #202020;
	--panel-bg: #202020;
	--panel-bg-strong: #252525;
	--control-bg: #252525;
	--hover-bg: #303030;
	--glass-bg: #202020;
	--glass-bg-strong: #252525;
	--glass-border: #484844;
	--glass-shadow: 0 1px 2px rgba(0, 0, 0, .28);
	--app-bg-overlay: none;
	--parallax-opacity: 0;
	--parallax-filter: none;
	--border: #484844;
	--border-hi: #72726c;
	--text: #eeeeec;
	--text-2: #d0ceca;
	--muted: #b1afa9;
	--success: #73c28f;
	--success-hi: #9bd6ac;
	--success-bg: rgba(115, 194, 143, .14);
	--warning: #f3cd73;
	--warning-hi: #efc678;
	--warning-bg: #443616;
	--danger: #ffabb5;
	--danger-hi: #ff9ca5;
	--danger-bg: #4a2027;
	--neutral: #a3afa6;
	--neutral-hi: #c0cbc2;
	--neutral-bg: rgba(163, 175, 166, .12);
	--pj: #83b6c3;
	--pf: #d0ae69;
	--tag-pj-bg: rgba(131, 182, 195, .14);
	--tag-pf-bg: rgba(208, 174, 105, .14);
	--accent-warm: #d0ae69;
	--accent-cool: #83b6c3;
	--text-on-accent: #122436;
	--shadow-sm: none;
	--shadow-md: 0 4px 14px rgb(0 0 0 / .10);
	--shadow-lg: 0 8px 24px rgb(0 0 0 / .15);
	--focus-ring: 0 0 0 3px color-mix(in srgb, var(--success) 24%, transparent);
	--chart-1: #73c28f;
	--chart-2: #83b6c3;
	--chart-3: #d0ae69;
	--chart-4: #ef7b86;
	--chart-5: #b79ae0;
	--chart-6: #56b4e9;
	--chart-7: #f08a3c;
	--chart-8: #a3afa6;
	--seq-1: #193526;
	--seq-2: #24513a;
	--seq-3: #34704c;
	--seq-4: #509564;
	--seq-5: #7abb8c;
	--seq-6: #afe2bb;
	--shell-sidebar: #222722;
	--shell-topbar: #292f29;
	--shell-ink: #e4e8df;
	--shell-muted: #bcc5b6;
	--shell-hover: #353f34;
	--shell-active: #b3c8ae;
	--shell-on-active: #1b291c;
	--shell-line: #4d5849;
}
html.design-brutalist.theme-light {
	--layout-max-width: 1360px;
	--font-scale: 1;
	--font-sans: 'IBM Plex Sans', sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;
	--font-title: var(--font-sans);
	--font-sans-alt: 'Nunito Sans', sans-serif;
	--font-mono-alt: 'Fira Mono', monospace;
	--font-title-alt: 'Nunito Sans', sans-serif;
	--control-h: 44px;
	--navbar-h: 56px;
	--radius-pill: 0;
	--radius-sm: 0;
	--radius-md: 0;
	--radius-lg: 0;
	--radius-xl: 0;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--ease-out: cubic-bezier(.2, .8, .2, 1);
	--backdrop-blur-soft: 4px;
	--backdrop-blur: 8px;
	--brand: var(--success);
	--brand-hover: var(--success-hi);
	--brand-bg: var(--success-bg);
	--info: var(--pj);
	--info-hi: var(--pj);
	--info-bg: var(--tag-pj-bg);
	--text-muted: var(--muted);
	--line: var(--border);
	--surface-muted: var(--surface-2);
	--focus: var(--success);
	--border-strong: var(--border-hi);
	--accent: var(--success);
	--color-primary: var(--brand);
	--on-brand: var(--text-on-accent);
	--color-text-muted: var(--muted);
	--border-w: 2px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;
	--page-gutter: clamp(16px, 2.4vw, 32px);
	--page-top: clamp(20px, 3vw, 32px);
	--page-bottom: clamp(36px, 5vw, 64px);
	--section-gap: clamp(18px, 2.2vw, 28px);
	--panel-padding: clamp(16px, 1.8vw, 22px);
	--sidebar-width: 268px;
	--sidebar-rail: 72px;
	--topbar-height: 56px;
	--text-xs: 12px;
	--text-sm: 13px;
	--text-md: 15px;
	--text-lg: 18px;
	--text-xl: 22px;
	--text-2xl: 28px;
	--z-local: 1;
	--z-sticky: 100;
	--z-dropdown: 200;
	--z-modal: 300;
	--z-toast: 400;
	--map-missing: var(--surface-3);
	--map-stroke: var(--border-hi);
	--chart-up: var(--success);
	--chart-down: var(--danger);
	--chart-flat: var(--neutral);
	--chart-grid: var(--border);
	--chart-axis: var(--border-hi);
	--chart-label: var(--muted);
	--auth-copy: #f7fbf7;
	--overlay: rgb(0 0 0 / .48);
	--skeleton: var(--surface-3);
	--bg: #f5f2e9;
	--bg-rgb: 245,242,233;
	--surface: #fffdf7;
	--surface-rgb: 255,253,247;
	--surface-2: #f4efdf;
	--surface-3: #e1e7e2;
	--surface-glass: #ffffff;
	--panel-bg: #fffdf7;
	--panel-bg-strong: #f4efdf;
	--control-bg: #fffdf7;
	--hover-bg: #eee7d1;
	--glass-bg: #ffffff;
	--glass-bg-strong: #ffffff;
	--glass-border: #17201a;
	--glass-shadow: 0 1px 2px rgba(18, 31, 22, .05);
	--app-bg-overlay: none;
	--parallax-opacity: 0;
	--parallax-filter: none;
	--border: #191713;
	--border-hi: #191713;
	--text: #191713;
	--text-2: #3b3831;
	--muted: #5e594e;
	--success: #246b45;
	--success-hi: #1c5938;
	--success-bg: rgba(36, 107, 69, .08);
	--warning: #8b641d;
	--warning-hi: #ad7c2b;
	--warning-bg: rgba(139, 100, 29, .10);
	--danger: #a93643;
	--danger-hi: #c84956;
	--danger-bg: rgba(169, 54, 67, .09);
	--neutral: #59645c;
	--neutral-hi: #758178;
	--neutral-bg: rgba(89, 100, 92, .09);
	--pj: #2f6f7f;
	--pf: #8b6b2f;
	--tag-pj-bg: rgba(47, 111, 127, .08);
	--tag-pf-bg: rgba(139, 107, 47, .09);
	--accent-warm: #8b6b2f;
	--accent-cool: #2f6f7f;
	--text-on-accent: #fbfff8;
	--shadow-sm: 3px 3px 0 #17201a;
	--shadow-md: 5px 5px 0 #17201a;
	--shadow-lg: 7px 7px 0 #17201a;
	--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px #17201a;
	--chart-1: #246b45;
	--chart-2: #2f6f7f;
	--chart-3: #8b6b2f;
	--chart-4: #a93643;
	--chart-5: #6a4c93;
	--chart-6: #0072b2;
	--chart-7: #d55e00;
	--chart-8: #59645c;
	--seq-1: #edf6ef;
	--seq-2: #cde5d3;
	--seq-3: #9bc7a7;
	--seq-4: #65a578;
	--seq-5: #387b52;
	--seq-6: #155b36;
	--neo-accent: #ffe66d;
	--shell-sidebar: #e6eadb;
	--shell-topbar: #f4f3e8;
	--shell-ink: #20271d;
	--shell-muted: #4d5b42;
	--shell-hover: #d2dbc3;
	--shell-active: #304c31;
	--shell-on-active: #fff;
	--shell-line: #20271d;
}
html.design-brutalist.theme-dark {
	--layout-max-width: 1360px;
	--font-scale: 1;
	--font-sans: 'IBM Plex Sans', sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;
	--font-title: var(--font-sans);
	--font-sans-alt: 'Nunito Sans', sans-serif;
	--font-mono-alt: 'Fira Mono', monospace;
	--font-title-alt: 'Nunito Sans', sans-serif;
	--control-h: 44px;
	--navbar-h: 56px;
	--radius-pill: 0;
	--radius-sm: 0;
	--radius-md: 0;
	--radius-lg: 0;
	--radius-xl: 0;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--ease-out: cubic-bezier(.2, .8, .2, 1);
	--backdrop-blur-soft: 4px;
	--backdrop-blur: 8px;
	--brand: var(--success);
	--brand-hover: var(--success-hi);
	--brand-bg: var(--success-bg);
	--info: var(--pj);
	--info-hi: var(--pj);
	--info-bg: var(--tag-pj-bg);
	--text-muted: var(--muted);
	--line: var(--border);
	--surface-muted: var(--surface-2);
	--focus: var(--success);
	--border-strong: var(--border-hi);
	--accent: var(--success);
	--color-primary: var(--brand);
	--on-brand: var(--text-on-accent);
	--color-text-muted: var(--muted);
	--border-w: 2px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;
	--page-gutter: clamp(16px, 2.4vw, 32px);
	--page-top: clamp(20px, 3vw, 32px);
	--page-bottom: clamp(36px, 5vw, 64px);
	--section-gap: clamp(18px, 2.2vw, 28px);
	--panel-padding: clamp(16px, 1.8vw, 22px);
	--sidebar-width: 268px;
	--sidebar-rail: 72px;
	--topbar-height: 56px;
	--text-xs: 12px;
	--text-sm: 13px;
	--text-md: 15px;
	--text-lg: 18px;
	--text-xl: 22px;
	--text-2xl: 28px;
	--z-local: 1;
	--z-sticky: 100;
	--z-dropdown: 200;
	--z-modal: 300;
	--z-toast: 400;
	--map-missing: var(--surface-3);
	--map-stroke: var(--border-hi);
	--chart-up: var(--success);
	--chart-down: var(--danger);
	--chart-flat: var(--neutral);
	--chart-grid: var(--border);
	--chart-axis: var(--border-hi);
	--chart-label: var(--muted);
	--auth-copy: #f7fbf7;
	--overlay: rgb(0 0 0 / .48);
	--skeleton: var(--surface-3);
	--bg: #181917;
	--bg-rgb: 16, 19, 16;
	--surface: #232521;
	--surface-rgb: 23, 27, 24;
	--surface-2: #2b2e28;
	--surface-3: #383c33;
	--surface-glass: #171b18;
	--panel-bg: #232521;
	--panel-bg-strong: #2b2e28;
	--control-bg: #2b2e28;
	--hover-bg: #383c33;
	--glass-bg: #171b18;
	--glass-bg-strong: #1b211c;
	--glass-border: #f2f7f4;
	--glass-shadow: 0 1px 2px rgba(0, 0, 0, .28);
	--app-bg-overlay: none;
	--parallax-opacity: 0;
	--parallax-filter: none;
	--border: #f2f7f4;
	--border-hi: #f2f7f4;
	--text: #f3f3e9;
	--text-2: #dddccd;
	--muted: #bdbdad;
	--success: #8ddeac;
	--success-hi: #b1edc5;
	--success-bg: rgba(115, 194, 143, .14);
	--warning: #d6aa5c;
	--warning-hi: #efc678;
	--warning-bg: rgba(214, 170, 92, .14);
	--danger: #ef7b86;
	--danger-hi: #ff9ca5;
	--danger-bg: rgba(239, 123, 134, .14);
	--neutral: #a3afa6;
	--neutral-hi: #c0cbc2;
	--neutral-bg: rgba(163, 175, 166, .12);
	--pj: #83b6c3;
	--pf: #d0ae69;
	--tag-pj-bg: rgba(131, 182, 195, .14);
	--tag-pf-bg: rgba(208, 174, 105, .14);
	--accent-warm: #d0ae69;
	--accent-cool: #83b6c3;
	--text-on-accent: #102118;
	--shadow-sm: 3px 3px 0 #f2f7f4;
	--shadow-md: 5px 5px 0 #f2f7f4;
	--shadow-lg: 7px 7px 0 #f2f7f4;
	--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px #f2f7f4;
	--chart-1: #73c28f;
	--chart-2: #83b6c3;
	--chart-3: #d0ae69;
	--chart-4: #ef7b86;
	--chart-5: #b79ae0;
	--chart-6: #56b4e9;
	--chart-7: #f08a3c;
	--chart-8: #a3afa6;
	--seq-1: #193526;
	--seq-2: #24513a;
	--seq-3: #34704c;
	--seq-4: #509564;
	--seq-5: #7abb8c;
	--seq-6: #afe2bb;
	--neo-accent: #e2cf65;
	--shell-sidebar: #252d20;
	--shell-topbar: #30392a;
	--shell-ink: #f1f2e5;
	--shell-muted: #c4ccb4;
	--shell-hover: #414f34;
	--shell-active: #c3d49d;
	--shell-on-active: #20291b;
	--shell-line: #c4ccb4;
}
html.design-institutional.theme-light {
	--layout-max-width: 1360px;
	--font-scale: 1;
	--font-sans: 'IBM Plex Sans', sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;
	--font-title: Georgia,"Times New Roman",serif;
	--font-sans-alt: 'Nunito Sans', sans-serif;
	--font-mono-alt: 'Fira Mono', monospace;
	--font-title-alt: 'Nunito Sans', sans-serif;
	--control-h: 44px;
	--navbar-h: 56px;
	--radius-pill: 4px;
	--radius-sm: 2px;
	--radius-md: 4px;
	--radius-lg: 4px;
	--radius-xl: 4px;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--ease-out: cubic-bezier(.2, .8, .2, 1);
	--backdrop-blur-soft: 4px;
	--backdrop-blur: 8px;
	--brand: var(--success);
	--brand-hover: var(--success-hi);
	--brand-bg: var(--success-bg);
	--info: var(--pj);
	--info-hi: var(--pj);
	--info-bg: var(--tag-pj-bg);
	--text-muted: var(--muted);
	--line: var(--border);
	--surface-muted: var(--surface-2);
	--focus: var(--success);
	--border-strong: var(--border-hi);
	--accent: var(--success);
	--color-primary: var(--brand);
	--on-brand: var(--text-on-accent);
	--color-text-muted: var(--muted);
	--border-w: 1px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;
	--page-gutter: clamp(16px, 2.4vw, 32px);
	--page-top: clamp(20px, 3vw, 32px);
	--page-bottom: clamp(36px, 5vw, 64px);
	--section-gap: clamp(18px, 2.2vw, 28px);
	--panel-padding: clamp(16px, 1.8vw, 22px);
	--sidebar-width: 268px;
	--sidebar-rail: 72px;
	--topbar-height: 56px;
	--text-xs: 12px;
	--text-sm: 13px;
	--text-md: 15px;
	--text-lg: 18px;
	--text-xl: 22px;
	--text-2xl: 28px;
	--z-local: 1;
	--z-sticky: 100;
	--z-dropdown: 200;
	--z-modal: 300;
	--z-toast: 400;
	--map-missing: var(--surface-3);
	--map-stroke: var(--border-hi);
	--chart-up: var(--success);
	--chart-down: var(--danger);
	--chart-flat: var(--neutral);
	--chart-grid: var(--border);
	--chart-axis: var(--border-hi);
	--chart-label: var(--muted);
	--auth-copy: #f7fbf7;
	--overlay: rgb(0 0 0 / .48);
	--skeleton: var(--surface-3);
	--bg: #f4f6f3;
	--bg-rgb: 244, 246, 243;
	--surface: #ffffff;
	--surface-rgb: 255, 255, 255;
	--surface-2: #eef2ee;
	--surface-3: #e1e7e2;
	--surface-glass: #ffffff;
	--panel-bg: #ffffff;
	--panel-bg-strong: #ffffff;
	--control-bg: #f7f9f7;
	--hover-bg: #eef3ef;
	--glass-bg: #ffffff;
	--glass-bg-strong: #ffffff;
	--glass-border: #d8dfd8;
	--glass-shadow: 0 1px 2px rgba(18, 31, 22, .05);
	--app-bg-overlay: none;
	--parallax-opacity: 0;
	--parallax-filter: none;
	--border: #d8dfd8;
	--border-hi: #7a8c80;
	--text: #17201a;
	--text-2: #334039;
	--muted: #59685e;
	--success: #246b45;
	--success-hi: #1c5938;
	--success-bg: rgba(36, 107, 69, .08);
	--warning: #8b641d;
	--warning-hi: #ad7c2b;
	--warning-bg: rgba(139, 100, 29, .10);
	--danger: #a93643;
	--danger-hi: #c84956;
	--danger-bg: rgba(169, 54, 67, .09);
	--neutral: #59645c;
	--neutral-hi: #758178;
	--neutral-bg: rgba(89, 100, 92, .09);
	--pj: #2f6f7f;
	--pf: #8b6b2f;
	--tag-pj-bg: rgba(47, 111, 127, .08);
	--tag-pf-bg: rgba(139, 107, 47, .09);
	--accent-warm: #8b6b2f;
	--accent-cool: #2f6f7f;
	--text-on-accent: #fbfff8;
	--shadow-sm: 0 1px 2px rgba(19, 34, 26, .06);
	--shadow-md: 0 6px 18px rgba(19, 34, 26, .08);
	--shadow-lg: 0 14px 36px rgba(19, 34, 26, .12);
	--focus-ring: 0 0 0 3px color-mix(in srgb, var(--success) 18%, transparent);
	--chart-1: #246b45;
	--chart-2: #2f6f7f;
	--chart-3: #8b6b2f;
	--chart-4: #a93643;
	--chart-5: #6a4c93;
	--chart-6: #0072b2;
	--chart-7: #d55e00;
	--chart-8: #59645c;
	--seq-1: #edf6ef;
	--seq-2: #cde5d3;
	--seq-3: #9bc7a7;
	--seq-4: #65a578;
	--seq-5: #387b52;
	--seq-6: #155b36;
	--shell-sidebar: #e7eee9;
	--shell-topbar: #f9fbfa;
	--shell-ink: #243c30;
	--shell-muted: #4e6658;
	--shell-hover: #d7e4dc;
	--shell-active: #24513a;
	--shell-on-active: #fff;
	--shell-line: #bfcec4;
}
html.design-institutional.theme-dark {
	--layout-max-width: 1360px;
	--font-scale: 1;
	--font-sans: 'IBM Plex Sans', sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;
	--font-title: Georgia,"Times New Roman",serif;
	--font-sans-alt: 'Nunito Sans', sans-serif;
	--font-mono-alt: 'Fira Mono', monospace;
	--font-title-alt: 'Nunito Sans', sans-serif;
	--control-h: 44px;
	--navbar-h: 56px;
	--radius-pill: 4px;
	--radius-sm: 2px;
	--radius-md: 4px;
	--radius-lg: 4px;
	--radius-xl: 4px;
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 20px;
	--ease-out: cubic-bezier(.2, .8, .2, 1);
	--backdrop-blur-soft: 4px;
	--backdrop-blur: 8px;
	--brand: var(--success);
	--brand-hover: var(--success-hi);
	--brand-bg: var(--success-bg);
	--info: var(--pj);
	--info-hi: var(--pj);
	--info-bg: var(--tag-pj-bg);
	--text-muted: var(--muted);
	--line: var(--border);
	--surface-muted: var(--surface-2);
	--focus: var(--success);
	--border-strong: var(--border-hi);
	--accent: var(--success);
	--color-primary: var(--brand);
	--on-brand: var(--text-on-accent);
	--color-text-muted: var(--muted);
	--border-w: 1px;
	--space-6: 24px;
	--space-7: 32px;
	--space-8: 40px;
	--page-gutter: clamp(16px, 2.4vw, 32px);
	--page-top: clamp(20px, 3vw, 32px);
	--page-bottom: clamp(36px, 5vw, 64px);
	--section-gap: clamp(18px, 2.2vw, 28px);
	--panel-padding: clamp(16px, 1.8vw, 22px);
	--sidebar-width: 268px;
	--sidebar-rail: 72px;
	--topbar-height: 56px;
	--text-xs: 12px;
	--text-sm: 13px;
	--text-md: 15px;
	--text-lg: 18px;
	--text-xl: 22px;
	--text-2xl: 28px;
	--z-local: 1;
	--z-sticky: 100;
	--z-dropdown: 200;
	--z-modal: 300;
	--z-toast: 400;
	--map-missing: var(--surface-3);
	--map-stroke: var(--border-hi);
	--chart-up: var(--success);
	--chart-down: var(--danger);
	--chart-flat: var(--neutral);
	--chart-grid: var(--border);
	--chart-axis: var(--border-hi);
	--chart-label: var(--muted);
	--auth-copy: #f7fbf7;
	--overlay: rgb(0 0 0 / .48);
	--skeleton: var(--surface-3);
	--bg: #101310;
	--bg-rgb: 16, 19, 16;
	--surface: #171b18;
	--surface-rgb: 23, 27, 24;
	--surface-2: #202620;
	--surface-3: #2b332c;
	--surface-glass: #171b18;
	--panel-bg: #171b18;
	--panel-bg-strong: #1b211c;
	--control-bg: #202620;
	--hover-bg: #283128;
	--glass-bg: #171b18;
	--glass-bg-strong: #1b211c;
	--glass-border: #334034;
	--glass-shadow: 0 1px 2px rgba(0, 0, 0, .28);
	--app-bg-overlay: none;
	--parallax-opacity: 0;
	--parallax-filter: none;
	--border: #334034;
	--border-hi: #7b927f;
	--text: #eef3ee;
	--text-2: #ccd8cf;
	--muted: #b1bfb5;
	--success: #73c28f;
	--success-hi: #9bd6ac;
	--success-bg: rgba(115, 194, 143, .14);
	--warning: #d6aa5c;
	--warning-hi: #efc678;
	--warning-bg: rgba(214, 170, 92, .14);
	--danger: #ef7b86;
	--danger-hi: #ff9ca5;
	--danger-bg: rgba(239, 123, 134, .14);
	--neutral: #a3afa6;
	--neutral-hi: #c0cbc2;
	--neutral-bg: rgba(163, 175, 166, .12);
	--pj: #83b6c3;
	--pf: #d0ae69;
	--tag-pj-bg: rgba(131, 182, 195, .14);
	--tag-pf-bg: rgba(208, 174, 105, .14);
	--accent-warm: #d0ae69;
	--accent-cool: #83b6c3;
	--text-on-accent: #062016;
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);
	--shadow-md: 0 6px 18px rgba(0, 0, 0, .28);
	--shadow-lg: 0 14px 36px rgba(0, 0, 0, .34);
	--focus-ring: 0 0 0 3px color-mix(in srgb, var(--success) 24%, transparent);
	--chart-1: #73c28f;
	--chart-2: #83b6c3;
	--chart-3: #d0ae69;
	--chart-4: #ef7b86;
	--chart-5: #b79ae0;
	--chart-6: #56b4e9;
	--chart-7: #f08a3c;
	--chart-8: #a3afa6;
	--seq-1: #193526;
	--seq-2: #24513a;
	--seq-3: #34704c;
	--seq-4: #509564;
	--seq-5: #7abb8c;
	--seq-6: #afe2bb;
	--shell-sidebar: #192a22;
	--shell-topbar: #20332a;
	--shell-ink: #e5eee8;
	--shell-muted: #b9cbbf;
	--shell-hover: #2d4537;
	--shell-active: #9bc8ac;
	--shell-on-active: #14251b;
	--shell-line: #455d4d;
}html.font-alt.design-institutional { --font-sans:var(--font-sans-alt); --font-title:var(--font-title-alt); --font-mono:var(--font-mono-alt); }html.font-alt.design-notion { --font-sans:var(--font-sans-alt); --font-title:var(--font-title-alt); --font-mono:var(--font-mono-alt); }html.font-alt.design-brutalist { --font-sans:var(--font-sans-alt); --font-title:var(--font-title-alt); --font-mono:var(--font-mono-alt); }
}