:root{--layout-color-surface: #ffffff;--layout-color-surface-muted: #f3f7ff;--layout-color-text: #0f172a;--layout-color-text-muted: #475569;--layout-color-border: #d7e2f2;--layout-color-border-subtle: #d7e2f2;--layout-color-accent: #2563eb;--layout-color-accent-strong: #1d4ed8;--layout-color-accent-contrast: #ffffff;--layout-color-success: #047857;--layout-color-warning: #c2410c;--layout-color-danger: #b91c1c;--layout-font-family-base: "Inter", "Helvetica Neue", Arial, sans-serif;--layout-font-size-base: 1rem;--layout-line-height-base: 1.5;--layout-space-xs: .5rem;--layout-space-sm: .75rem;--layout-space-md: 1rem;--layout-space-lg: 1.5rem;--layout-space-xl: 2rem;--layout-radius-sm: .375rem;--layout-radius-md: .75rem;--layout-shadow-soft: 0 16px 36px rgba(37, 99, 235, .16);--layout-max-width: 80ch;--layout-column-gap: 2rem;--layout-motion-duration-fast: .12s;--layout-motion-duration-base: .18s;--layout-motion-duration-slow: .22s;--layout-motion-easing-standard: cubic-bezier(.2, .8, .2, 1);--layout-callout-bg-info: rgba(37, 99, 235, .1);--layout-callout-border-info: rgba(37, 99, 235, .34);--layout-callout-bg-success: rgba(4, 120, 87, .11);--layout-callout-border-success: rgba(4, 120, 87, .34);--layout-callout-bg-warning: rgba(194, 65, 12, .12);--layout-callout-border-warning: rgba(194, 65, 12, .34);--layout-callout-bg-danger: rgba(185, 28, 28, .12);--layout-callout-border-danger: rgba(185, 28, 28, .34);--layout-focus-ring: rgba(37, 99, 235, .32)}[data-layout-mode=dark]{--layout-color-surface: #111c31;--layout-color-surface-muted: #1a2944;--layout-color-text: #e5eefc;--layout-color-text-muted: #b7c6e5;--layout-color-border: #2f466f;--layout-color-border-subtle: #2f466f;--layout-color-accent: #8db5ff;--layout-color-accent-strong: #a9c8ff;--layout-color-accent-contrast: #081224;--layout-color-success: #4ade80;--layout-color-warning: #fdba74;--layout-color-danger: #fca5a5;--layout-shadow-soft: 0 18px 38px rgba(2, 8, 23, .45);--layout-callout-bg-info: rgba(141, 181, 255, .18);--layout-callout-border-info: rgba(141, 181, 255, .45);--layout-callout-bg-success: rgba(74, 222, 128, .15);--layout-callout-border-success: rgba(74, 222, 128, .42);--layout-callout-bg-warning: rgba(251, 146, 60, .16);--layout-callout-border-warning: rgba(251, 146, 60, .42);--layout-callout-bg-danger: rgba(248, 113, 113, .16);--layout-callout-border-danger: rgba(248, 113, 113, .42);--layout-focus-ring: rgba(141, 181, 255, .4)}@media (prefers-reduced-motion: reduce){:root{--layout-motion-duration-fast: 0ms;--layout-motion-duration-base: 0ms;--layout-motion-duration-slow: 0ms}}.course-canvas{color-scheme:light;--layout-color-surface: var(--course-color-surface);--layout-color-surface-muted: color-mix(in srgb, var(--course-color-muted) 84%, var(--course-color-surface));--layout-color-text: var(--course-color-text);--layout-color-text-muted: var(--course-color-muted-text);--layout-color-border: var(--course-color-border);--layout-color-border-subtle: color-mix(in srgb, var(--course-color-border) 88%, transparent);--layout-color-accent: var(--course-color-primary);--layout-color-accent-strong: var(--course-color-link);--layout-color-accent-contrast: var(--course-color-primary-contrast);--layout-color-success: var(--course-color-success);--layout-color-warning: var(--course-color-warning);--layout-color-danger: var(--course-color-error);--layout-shadow-soft: var(--course-shadow-md);--layout-callout-bg-info: color-mix(in srgb, var(--course-color-primary) 14%, var(--course-color-surface));--layout-callout-border-info: color-mix(in srgb, var(--course-color-primary) 36%, var(--course-color-border));--layout-callout-bg-success: color-mix(in srgb, var(--course-color-success) 16%, var(--course-color-surface));--layout-callout-border-success: color-mix(in srgb, var(--course-color-success) 38%, var(--course-color-border));--layout-callout-bg-warning: color-mix(in srgb, var(--course-color-warning) 16%, var(--course-color-surface));--layout-callout-border-warning: color-mix(in srgb, var(--course-color-warning) 38%, var(--course-color-border));--layout-callout-bg-danger: color-mix(in srgb, var(--course-color-error) 16%, var(--course-color-surface));--layout-callout-border-danger: color-mix(in srgb, var(--course-color-error) 38%, var(--course-color-border));--layout-focus-ring: color-mix(in srgb, var(--course-color-focus) 38%, transparent)}.course-canvas.skin-standard{--course-color-canvas: #e7ebf1;--course-color-text: #172030;--course-color-surface: #ffffff;--course-color-surface-text: #172030;--course-color-primary: #1d4ed8;--course-color-primary-contrast: #ffffff;--course-color-secondary: #495467;--course-color-secondary-contrast: #ffffff;--course-color-muted: #e9edf3;--course-color-muted-text: #5f6979;--course-color-accent: #ebeffb;--course-color-accent-text: #172030;--course-color-danger: #c22a45;--course-color-danger-contrast: #ffffff;--course-color-error: #c22a45;--course-color-border: #7d8593;--course-color-focus: #1d4ed8;--course-color-link: #1740a8;--course-color-success: #0b7350;--course-color-warning: #8f5c09;--course-color-warning-border: #8f5c09;--course-color-warning-background: rgba(143, 92, 9, .12);--course-color-warning-text: #8f5c09;--course-color-deck-canvas: #e7ebf1;--course-color-logo-surface: #ffffff;--course-color-logo-border: #c5ccd7;--course-font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--course-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--course-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--course-space-xs: .25rem;--course-space-sm: .5rem;--course-space-md: .75rem;--course-space-lg: 1rem;--course-space-xl: 1.5rem;--course-space-2xl: 2rem;--course-radius-sm: .625rem;--course-radius-md: .875rem;--course-radius-lg: 1rem;--course-shadow-sm: 0 1px 2px rgba(23, 32, 48, .07);--course-shadow-md: 0 1px 2px rgba(23, 32, 48, .06), 0 12px 28px rgba(23, 32, 48, .09);--course-shadow-lg: 0 2px 4px rgba(23, 32, 48, .08), 0 22px 54px rgba(23, 32, 48, .14);--course-shadow-xl: 0 2px 4px rgba(23, 32, 48, .08), 0 22px 54px rgba(23, 32, 48, .14);--course-gradient-hero: none}.course-canvas.skin-pentaplan{--course-color-canvas: oklch(.9842 .0034 247.8575);--course-color-text: oklch(.3558 .0017 106.4855);--course-color-surface: oklch(1 0 0);--course-color-surface-text: oklch(.3558 .0017 106.4855);--course-color-primary: oklch(.7381 .1315 229.174);--course-color-primary-contrast: oklch(1 0 0);--course-color-secondary: oklch(.7464 .1502 64.5767);--course-color-secondary-contrast: oklch(1 0 0);--course-color-muted: oklch(.9683 .0069 247.8956);--course-color-muted-text: oklch(.5555 0 0);--course-color-accent: oklch(.9626 .0203 224.2944);--course-color-accent-text: oklch(.3558 .0017 106.4855);--course-color-danger: oklch(.6368 .2078 25.3313);--course-color-danger-contrast: oklch(1 0 0);--course-color-error: #ef4444;--course-color-border: oklch(.9219 0 0);--course-color-focus: oklch(.7381 .1315 229.174);--course-color-link: oklch(.7381 .1315 229.174);--course-color-success: #22c55e;--course-color-warning: #f59e0b;--course-color-warning-border: #f59e0b;--course-color-warning-background: rgba(245, 158, 11, .12);--course-color-warning-text: #92400e;--course-color-deck-canvas: oklch(.9683 .0069 247.8956);--course-color-logo-surface: oklch(1 0 0);--course-color-logo-border: oklch(.9219 0 0);--course-font-family-body: "Inter", system-ui, sans-serif;--course-font-family-heading: "Inter", system-ui, sans-serif;--course-font-family-mono: "Fira Code", monospace;--course-space-xs: .25rem;--course-space-sm: .5rem;--course-space-md: .75rem;--course-space-lg: 1rem;--course-space-xl: 1.5rem;--course-space-2xl: 2rem;--course-radius-sm: .375rem;--course-radius-md: .5rem;--course-radius-lg: .75rem;--course-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--course-shadow-md: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--course-shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--course-shadow-xl: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--course-gradient-hero: none}.course-canvas.skin-eipl{--course-color-canvas: oklch(.9816 .0017 247.839);--course-color-text: oklch(.4461 .0263 256.8018);--course-color-surface: oklch(1 0 0);--course-color-surface-text: oklch(.4461 .0263 256.8018);--course-color-primary: oklch(.7434 .1481 71.567);--course-color-primary-contrast: oklch(1 0 0);--course-color-secondary: oklch(.6415 .0178 245.2156);--course-color-secondary-contrast: oklch(1 0 0);--course-color-muted: oklch(.967 .0029 264.5419);--course-color-muted-text: oklch(.551 .0234 264.3637);--course-color-accent: oklch(.9816 .0163 79.3534);--course-color-accent-text: oklch(.7434 .1481 71.567);--course-color-danger: oklch(.5771 .2152 27.325);--course-color-danger-contrast: oklch(1 0 0);--course-color-error: #ef4444;--course-color-border: oklch(.9276 .0058 264.5313);--course-color-focus: oklch(.7434 .1481 71.567);--course-color-link: oklch(.7434 .1481 71.567);--course-color-success: #22c55e;--course-color-warning: #f59e0b;--course-color-warning-border: #f59e0b;--course-color-warning-background: rgba(245, 158, 11, .12);--course-color-warning-text: #92400e;--course-color-deck-canvas: #f4f6f8;--course-color-logo-surface: oklch(1 0 0);--course-color-logo-border: oklch(.9276 .0058 264.5313);--course-font-family-body: "Inter", system-ui, sans-serif;--course-font-family-heading: "Inter", system-ui, sans-serif;--course-font-family-mono: "Fira Code", monospace;--course-space-xs: .25rem;--course-space-sm: .5rem;--course-space-md: .75rem;--course-space-lg: 1rem;--course-space-xl: 1.5rem;--course-space-2xl: 2rem;--course-radius-sm: .5rem;--course-radius-md: .75rem;--course-radius-lg: 1rem;--course-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .03);--course-shadow-md: 0 2px 8px -1px rgb(0 0 0 / .05), 0 1px 2px -2px rgb(0 0 0 / .05);--course-shadow-lg: 0 2px 8px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--course-shadow-xl: 0 2px 8px -1px rgb(0 0 0 / .05), 0 4px 6px -2px rgb(0 0 0 / .05);--course-gradient-hero: none}.course-canvas.skin-admin-intelligence{--course-color-canvas: oklch(.99 .01 250);--course-color-text: oklch(.2 .02 250);--course-color-surface: oklch(.95 .01 250);--course-color-surface-text: oklch(.2 .02 250);--course-color-primary: oklch(.58 .25 330);--course-color-primary-contrast: oklch(.14 .02 250);--course-color-secondary: oklch(.74 .19 140);--course-color-secondary-contrast: oklch(.96 .01 250);--course-color-muted: oklch(.96 .01 250);--course-color-muted-text: oklch(.42 .02 250);--course-color-accent: oklch(.74 .19 140);--course-color-accent-text: oklch(.96 .01 250);--course-color-danger: #ef4444;--course-color-danger-contrast: oklch(.14 .02 250);--course-color-error: #ef4444;--course-color-border: oklch(.86 .02 250);--course-color-focus: oklch(.58 .25 330);--course-color-link: oklch(.58 .25 330);--course-color-success: #3cb179;--course-color-warning: #facc15;--course-color-warning-border: #f59e0b;--course-color-warning-background: rgba(245, 158, 11, .12);--course-color-warning-text: #92400e;--course-color-deck-canvas: #f4f6f8;--course-color-logo-surface: oklch(.95 .01 250);--course-color-logo-border: oklch(.86 .02 250);--course-font-family-body: ui-sans-serif, "Inter", system-ui, sans-serif;--course-font-family-heading: ui-rounded, "Poppins", system-ui, sans-serif;--course-font-family-mono: ui-monospace, "Fira Code", monospace;--course-space-xs: .25rem;--course-space-sm: .5rem;--course-space-md: .75rem;--course-space-lg: 1rem;--course-space-xl: 1.5rem;--course-space-2xl: 2rem;--course-radius-sm: .5rem;--course-radius-md: 1rem;--course-radius-lg: 1.5rem;--course-shadow-sm: 0 1px 2px rgba(15, 10, 22, .1);--course-shadow-md: 0 6px 18px rgba(15, 10, 22, .16);--course-shadow-lg: 0 6px 18px rgba(15, 10, 22, .16);--course-shadow-xl: 0 12px 32px rgba(15, 10, 22, .2);--course-gradient-hero: linear-gradient(110deg, #22c55e 0%, #d946a6 100%)}.course-canvas.skin-drk-rlp{--course-color-canvas: #f8f8f8;--course-color-text: #303030;--course-color-surface: #ffffff;--course-color-surface-text: #303030;--course-color-primary: #c0100c;--course-color-primary-contrast: #ffffff;--course-color-secondary: #587c9c;--course-color-secondary-contrast: #ffffff;--course-color-muted: #f0f0f0;--course-color-muted-text: #787878;--course-color-accent: #e8e8e8;--course-color-accent-text: #303030;--course-color-danger: #ef4444;--course-color-danger-contrast: #ffffff;--course-color-error: #ef4444;--course-color-border: #d0d0d0;--course-color-focus: #c0100c;--course-color-link: #105090;--course-color-success: #22c55e;--course-color-warning: #f59e0b;--course-color-warning-border: #f59e0b;--course-color-warning-background: rgba(245, 158, 11, .12);--course-color-warning-text: #92400e;--course-color-deck-canvas: #f4f6f8;--course-color-logo-surface: #ffffff;--course-color-logo-border: #d0d0d0;--course-font-family-body: "Inter", system-ui, sans-serif;--course-font-family-heading: "Inter", system-ui, sans-serif;--course-font-family-mono: "Fira Code", monospace;--course-space-xs: .25rem;--course-space-sm: .5rem;--course-space-md: .75rem;--course-space-lg: 1rem;--course-space-xl: 1.5rem;--course-space-2xl: 2rem;--course-radius-sm: .375rem;--course-radius-md: .5rem;--course-radius-lg: .75rem;--course-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--course-shadow-md: 0 2px 8px -1px rgb(0 0 0 / .06), 0 1px 2px -2px rgb(0 0 0 / .06);--course-shadow-lg: 0 4px 12px -2px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .08);--course-shadow-xl: 0 8px 20px -4px rgb(0 0 0 / .12), 0 4px 8px -4px rgb(0 0 0 / .1);--course-gradient-hero: none}@media (prefers-color-scheme: dark){.course-canvas:not(.player-mode--light){--course-color-logo-surface: #ffffff;--course-color-logo-border: #e5e7eb}.course-canvas.skin-standard:not(.player-mode--light){--course-color-canvas: #0e141f;--course-color-text: #e9eef5;--course-color-surface: #172130;--course-color-surface-text: #e9eef5;--course-color-primary: #6aa1ff;--course-color-primary-contrast: #0e141f;--course-color-secondary: #adb8c7;--course-color-secondary-contrast: #0e141f;--course-color-muted: #263344;--course-color-muted-text: #939cab;--course-color-accent: #213049;--course-color-accent-text: #e9eef5;--course-color-danger: #ff7d90;--course-color-danger-contrast: #0e141f;--course-color-error: #ff7d90;--course-color-border: #75818f;--course-color-focus: #a3c4ff;--course-color-link: #a3c4ff;--course-color-success: #37c98d;--course-color-warning: #edbe55;--course-color-warning-border: #edbe55;--course-color-warning-background: rgba(237, 190, 85, .16);--course-color-warning-text: #edbe55;--course-color-deck-canvas: #0e141f;--course-color-logo-surface: #ffffff;--course-color-logo-border: #c5ccd7;--course-shadow-sm: 0 1px 2px rgba(2, 6, 14, .42);--course-shadow-md: 0 1px 2px rgba(2, 6, 14, .42), 0 14px 30px rgba(2, 6, 14, .52);--course-shadow-lg: 0 2px 6px rgba(2, 6, 14, .5), 0 22px 48px rgba(2, 6, 14, .6);--course-shadow-xl: 0 2px 6px rgba(2, 6, 14, .5), 0 22px 48px rgba(2, 6, 14, .6)}.course-canvas.skin-drk-rlp:not(.player-mode--light){--course-color-canvas: #111111;--course-color-text: #f5f5f5;--course-color-surface: #1c1c1c;--course-color-surface-text: #f5f5f5;--course-color-primary: #e24b3f;--course-color-primary-contrast: #ffffff;--course-color-secondary: #7aa6d1;--course-color-secondary-contrast: #0f1115;--course-color-muted: #262626;--course-color-muted-text: #b0b0b0;--course-color-accent: #2f2f2f;--course-color-accent-text: #f5f5f5;--course-color-danger: #f87171;--course-color-danger-contrast: #111111;--course-color-border: #333333;--course-color-focus: #ff6b5a;--course-color-link: #7aa6d1;--course-color-logo-surface: #ffffff;--course-color-logo-border: #e5e7eb}}.course-canvas.player-mode--light{color-scheme:light}.course-canvas.player-mode--dark{color-scheme:dark;--course-color-canvas: #0f172a;--course-color-text: #e7eefc;--course-color-surface: #13233c;--course-color-surface-text: #e7eefc;--course-color-muted: #1b2c4a;--course-color-muted-text: #9db3dc;--course-color-accent: #20375d;--course-color-accent-text: #e7eefc;--course-color-border: #334f7a;--course-color-focus: #9ec2ff;--course-color-link: #9ec2ff;--course-color-deck-canvas: #0f172a;--course-color-logo-surface: #ffffff;--course-color-logo-border: #e5e7eb;--course-color-success: #4ade80;--course-color-warning: #fdba74;--course-color-error: #fca5a5;--course-shadow-sm: 0 1px 2px rgb(0 0 0 / .35);--course-shadow-md: 0 6px 18px rgb(0 0 0 / .35);--course-shadow-lg: 0 12px 26px rgb(0 0 0 / .42);--course-shadow-xl: 0 20px 48px rgb(0 0 0 / .5)}.course-canvas.player-mode--dark.skin-standard{--course-color-canvas: #0e141f;--course-color-text: #e9eef5;--course-color-surface: #172130;--course-color-surface-text: #e9eef5;--course-color-primary: #6aa1ff;--course-color-primary-contrast: #0e141f;--course-color-secondary: #adb8c7;--course-color-secondary-contrast: #0e141f;--course-color-muted: #263344;--course-color-muted-text: #939cab;--course-color-accent: #213049;--course-color-accent-text: #e9eef5;--course-color-danger: #ff7d90;--course-color-danger-contrast: #0e141f;--course-color-error: #ff7d90;--course-color-border: #75818f;--course-color-focus: #a3c4ff;--course-color-link: #a3c4ff;--course-color-success: #37c98d;--course-color-warning: #edbe55;--course-color-warning-border: #edbe55;--course-color-warning-background: rgba(237, 190, 85, .16);--course-color-warning-text: #edbe55;--course-color-deck-canvas: #0e141f;--course-color-logo-surface: #ffffff;--course-color-logo-border: #c5ccd7;--course-shadow-sm: 0 1px 2px rgba(2, 6, 14, .42);--course-shadow-md: 0 1px 2px rgba(2, 6, 14, .42), 0 14px 30px rgba(2, 6, 14, .52);--course-shadow-lg: 0 2px 6px rgba(2, 6, 14, .5), 0 22px 48px rgba(2, 6, 14, .6);--course-shadow-xl: 0 2px 6px rgba(2, 6, 14, .5), 0 22px 48px rgba(2, 6, 14, .6)}.course-canvas.player-mode--dark.skin-drk-rlp{--course-color-canvas: #111111;--course-color-text: #f5f5f5;--course-color-surface: #1c1c1c;--course-color-surface-text: #f5f5f5;--course-color-primary: #e24b3f;--course-color-primary-contrast: #ffffff;--course-color-secondary: #7aa6d1;--course-color-secondary-contrast: #0f1115;--course-color-muted: #262626;--course-color-muted-text: #b0b0b0;--course-color-accent: #2f2f2f;--course-color-accent-text: #f5f5f5;--course-color-danger: #f87171;--course-color-danger-contrast: #111111;--course-color-border: #333333;--course-color-focus: #ff6b5a;--course-color-link: #7aa6d1;--course-color-logo-surface: #ffffff;--course-color-logo-border: #e5e7eb}.course-canvas.player-mode--light.skin-standard{--course-color-canvas: #e7ebf1;--course-color-text: #172030;--course-color-surface: #ffffff;--course-color-surface-text: #172030;--course-color-primary: #1d4ed8;--course-color-primary-contrast: #ffffff;--course-color-secondary: #495467;--course-color-secondary-contrast: #ffffff;--course-color-muted: #e9edf3;--course-color-muted-text: #5f6979;--course-color-accent: #ebeffb;--course-color-accent-text: #172030;--course-color-danger: #c22a45;--course-color-danger-contrast: #ffffff;--course-color-error: #c22a45;--course-color-border: #7d8593;--course-color-focus: #1d4ed8;--course-color-link: #1740a8;--course-color-success: #0b7350;--course-color-warning: #8f5c09;--course-color-warning-border: #8f5c09;--course-color-warning-background: rgba(143, 92, 9, .12);--course-color-warning-text: #8f5c09;--course-color-deck-canvas: #e7ebf1;--course-color-logo-surface: #ffffff;--course-color-logo-border: #c5ccd7;--course-font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--course-font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--course-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--course-space-xs: .25rem;--course-space-sm: .5rem;--course-space-md: .75rem;--course-space-lg: 1rem;--course-space-xl: 1.5rem;--course-space-2xl: 2rem;--course-radius-sm: .625rem;--course-radius-md: .875rem;--course-radius-lg: 1rem;--course-shadow-sm: 0 1px 2px rgba(23, 32, 48, .07);--course-shadow-md: 0 1px 2px rgba(23, 32, 48, .06), 0 12px 28px rgba(23, 32, 48, .09);--course-shadow-lg: 0 2px 4px rgba(23, 32, 48, .08), 0 22px 54px rgba(23, 32, 48, .14);--course-shadow-xl: 0 2px 4px rgba(23, 32, 48, .08), 0 22px 54px rgba(23, 32, 48, .14);--course-gradient-hero: none}.course-canvas.player-mode--light.skin-drk-rlp{--course-color-canvas: #f8f8f8;--course-color-text: #303030;--course-color-surface: #ffffff;--course-color-surface-text: #303030;--course-color-primary: #c0100c;--course-color-primary-contrast: #ffffff;--course-color-secondary: #587c9c;--course-color-secondary-contrast: #ffffff;--course-color-muted: #f0f0f0;--course-color-muted-text: #787878;--course-color-accent: #e8e8e8;--course-color-accent-text: #303030;--course-color-danger: #ef4444;--course-color-danger-contrast: #ffffff;--course-color-error: #ef4444;--course-color-border: #d0d0d0;--course-color-focus: #c0100c;--course-color-link: #105090;--course-color-success: #22c55e;--course-color-warning: #f59e0b;--course-color-warning-border: #f59e0b;--course-color-warning-background: rgba(245, 158, 11, .12);--course-color-warning-text: #92400e;--course-color-deck-canvas: #f4f6f8;--course-color-logo-surface: #ffffff;--course-color-logo-border: #d0d0d0;--course-font-family-body: "Inter", system-ui, sans-serif;--course-font-family-heading: "Inter", system-ui, sans-serif;--course-font-family-mono: "Fira Code", monospace;--course-space-xs: .25rem;--course-space-sm: .5rem;--course-space-md: .75rem;--course-space-lg: 1rem;--course-space-xl: 1.5rem;--course-space-2xl: 2rem;--course-radius-sm: .375rem;--course-radius-md: .5rem;--course-radius-lg: .75rem;--course-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--course-shadow-md: 0 2px 8px -1px rgb(0 0 0 / .06), 0 1px 2px -2px rgb(0 0 0 / .06);--course-shadow-lg: 0 4px 12px -2px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .08);--course-shadow-xl: 0 8px 20px -4px rgb(0 0 0 / .12), 0 4px 8px -4px rgb(0 0 0 / .1);--course-gradient-hero: none}:root{color-scheme:light;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--studio-text-primary: #172030;--studio-text-secondary: #495467;--studio-text-muted: #5f6979;--studio-surface-app: #e7ebf1;--studio-surface-base: #ffffff;--studio-surface-elevated: #f2f5f9;--studio-surface-muted: #e9edf3;--studio-surface-sidebar-start: #1a2331;--studio-surface-sidebar-end: #273244;--studio-sidebar-foreground: #e9eef5;--studio-sidebar-foreground-muted: #a9b4c4;--studio-border-subtle: #e1e6ed;--studio-border-strong: #c5ccd7;--studio-border-control: #7d8593;--studio-accent: #1d4ed8;--studio-accent-strong: #1740a8;--studio-cta-foreground: #ffffff;--studio-success: #0b7350;--studio-warning: #8f5c09;--studio-danger: #c22a45;--studio-focus-ring: rgba(29, 78, 216, .26);--studio-segmented-track: #e9edf3;--studio-segmented-selected: #ffffff;--studio-segmented-selected-text: #172030;--studio-shadow-hairline: 0 1px 2px rgba(23, 32, 48, .07);--studio-shadow-soft: 0 1px 2px rgba(23, 32, 48, .06), 0 12px 28px rgba(23, 32, 48, .09);--studio-shadow-strong: 0 2px 4px rgba(23, 32, 48, .08), 0 22px 54px rgba(23, 32, 48, .14);--studio-auth-backdrop: radial-gradient( circle at 18% 12%, color-mix(in srgb, var(--studio-accent) 12%, transparent) 0, transparent 32rem ), linear-gradient( 145deg, var(--studio-surface-muted) 0%, var(--studio-surface-app) 52%, color-mix(in srgb, var(--studio-accent) 5%, var(--studio-surface-app)) 100% );--studio-auth-card-border: color-mix( in srgb, var(--studio-accent) 18%, var(--studio-border-strong) );--studio-auth-card-shadow: 0 28px 76px rgba(23, 32, 48, .16);--studio-canvas-max-width: 88rem;--studio-reading-measure: 46rem;--studio-form-measure: 72rem;--studio-authoring-context-title-size: clamp(1.55rem, 2.3vw, 1.9rem);--studio-authoring-phase-title-size: clamp(1.55rem, 2.5vw, 2rem);--studio-authoring-section-title-size: 1rem;--studio-authoring-body-size: .9rem;--studio-authoring-line-height: 1.5;--studio-authoring-label-size: .82rem;--studio-authoring-meta-size: .72rem;--studio-space-1: .25rem;--studio-space-2: .5rem;--studio-space-3: .75rem;--studio-space-4: 1rem;--studio-space-5: 1.5rem;--studio-space-6: 2rem;--studio-space-7: 3rem;--studio-space-8: 4rem;--studio-space-9: 6rem;--studio-icon-size-sm: 1rem;--studio-icon-size-md: 1.25rem;--studio-icon-size-lg: 1.75rem;--studio-control-height-sm: 2.25rem;--studio-control-height: 2.75rem;--studio-radius-control: .625rem;--studio-radius-surface: .875rem;--studio-radius-panel: 1rem;--studio-section-gap: clamp(1.5rem, 3vw, 2.75rem);--studio-column-gap: clamp(1.75rem, 4vw, 4.5rem);--studio-panel-gap: 2.25rem;--studio-shell-header-height: 4rem;--studio-shell-sticky-content-offset: calc( var(--studio-shell-header-height) + var(--studio-space-4) );--studio-shell-navigation-width: 14rem;--studio-shell-navigation-collapsed-width: 4.5rem;--studio-shell-aside-width: 18rem;--studio-shell-min-height: 46rem;--studio-workspace-toolbar-height: 3.25rem;--studio-workspace-tool-height: var(--studio-control-height-sm);--studio-workspace-control-height: 2rem;--studio-workspace-field-label-width: 7.5rem;--studio-workspace-field-gap: var(--studio-space-2);--studio-workspace-section-gap: var(--studio-space-3);--studio-workspace-header-height: 3rem;--studio-workspace-rail-width: clamp(14.5rem, 16vw, 19rem);--studio-workspace-inspector-width: clamp(17rem, 19vw, 20.5rem);--studio-workspace-panel-collapsed-width: 3.5rem;--studio-workspace-stage-min-width: 45rem;--studio-workspace-stage-gutter: var(--studio-space-3);--studio-workspace-title-placeholder-min-height: 8.5rem;--studio-workspace-float-bar-height: 2.75rem;--studio-workspace-float-bar-offset: var(--studio-space-3);--studio-motion-fast: .15s;--studio-motion-base: .18s;--studio-motion-slow: .2s;--studio-motion-easing: cubic-bezier(.2, .8, .2, 1);--foreground-muted: var(--studio-text-muted)}:root[data-studio-mode=dark]{color-scheme:dark;--studio-text-primary: #e9eef5;--studio-text-secondary: #adb8c7;--studio-text-muted: #939cab;--studio-surface-app: #0e141f;--studio-surface-base: #172130;--studio-surface-elevated: #1e2a3b;--studio-surface-muted: #263344;--studio-surface-sidebar-start: #0b111b;--studio-surface-sidebar-end: #141d2b;--studio-border-subtle: #2c3849;--studio-border-strong: #445162;--studio-border-control: #75818f;--studio-accent: #6aa1ff;--studio-accent-strong: #a3c4ff;--studio-cta-foreground: #0e141f;--studio-success: #37c98d;--studio-warning: #edbe55;--studio-danger: #ff7d90;--studio-focus-ring: rgba(106, 161, 255, .4);--studio-segmented-track: #111a27;--studio-segmented-selected: #506988;--studio-segmented-selected-text: #e9eef5;--studio-shadow-hairline: 0 1px 2px rgba(2, 6, 14, .42);--studio-shadow-soft: 0 1px 2px rgba(2, 6, 14, .42), 0 14px 30px rgba(2, 6, 14, .52);--studio-shadow-strong: 0 2px 6px rgba(2, 6, 14, .5), 0 22px 48px rgba(2, 6, 14, .6);--studio-auth-card-shadow: 0 30px 80px rgba(2, 6, 14, .6)}@media (prefers-reduced-motion: reduce){:root{--studio-motion-fast: 0ms;--studio-motion-base: 0ms;--studio-motion-slow: 0ms}}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--studio-gap-inline: var(--space-2);--studio-gap-stack: var(--space-3);--studio-gap-panel: var(--space-4);--studio-gap-section: var(--space-6)}:root{color:var(--studio-text-primary);background-color:var(--studio-surface-base);font-family:var(--font-family-sans);--studio-accent-gradient: linear-gradient( 120deg, var(--studio-accent-strong) 0%, var(--studio-accent) 45%, color-mix(in srgb, var(--studio-accent) 76%, white) 100% );--surface-page: var(--studio-surface-app);--surface-panel: var(--studio-surface-base);--surface-subtle: var(--studio-surface-elevated);--text-primary: var(--studio-text-primary);--text-secondary: var(--studio-text-secondary);--text-muted: var(--studio-text-muted);--border-subtle: var(--studio-border-subtle);--border-strong: var(--studio-border-strong);--focus-ring: var(--studio-focus-ring)}:root[data-studio-mode=dark]{--studio-accent-gradient: linear-gradient( 120deg, color-mix(in srgb, var(--studio-accent-strong) 80%, black) 0%, var(--studio-accent) 45%, color-mix(in srgb, var(--studio-accent) 68%, black) 100% )}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--studio-surface-app);color:var(--studio-text-primary);font-family:var(--font-family-sans);line-height:var(--line-height-normal);transition:background-color var(--studio-motion-base) var(--studio-motion-easing),color var(--studio-motion-base) var(--studio-motion-easing)}