.dark,:root,[data-theme=dark]{--color-bg-base:oklch(16% 0.006 245);--color-bg-elevated:oklch(20% 0.007 245);--color-bg-surface:oklch(25% 0.008 245);--color-bg-muted:oklch(33% 0.009 245);--color-bg-subtle:oklch(43% 0.011 245);--color-bg-navy:oklch(18% 0.015 245);--color-surface-inset:oklch(16% 0.006 245);--color-bg-hover:rgb(var(--color-overlay-channel)/0.05);--color-bg-hover-strong:rgb(var(--color-overlay-channel)/0.08);--color-bg-active:rgb(var(--color-overlay-channel)/0.12);--color-bg-base-rgb:11 14 16;--color-bg-elevated-rgb:19 22 25;--color-bg-surface-rgb:31 34 37;--color-bg-muted-rgb:50 54 58;--color-bg-subtle-rgb:75 81 86;--color-brand:oklch(60% 0.12 245);--color-brand-text:oklch(78% 0.09 245);--color-brand-light:oklch(66% 0.12 245);--color-brand-dark:oklch(52% 0.11 245);--color-brand-vibrant:oklch(68% 0.14 245);--color-brand-muted:oklch(60% 0.12 245/0.15);--color-brand-border:oklch(60% 0.12 245/0.30);--color-brand-glow:oklch(60% 0.12 245/0.30);--color-brand-soft:rgb(var(--color-accent-500-rgb)/0.15);--color-brand-soft-subtle:oklch(60% 0.12 245/0.10);--color-accent:oklch(60% 0.12 245);--color-accent-light:oklch(66% 0.12 245);--color-accent-dark:oklch(52% 0.11 245);--color-accent-darker:oklch(46% 0.10 245);--color-accent-soft:rgb(var(--color-accent-500-rgb)/0.15);--color-accent-soft-subtle:oklch(60% 0.12 245/0.10);--color-teal:oklch(66% 0.13 183);--color-teal-bright:oklch(72% 0.15 183);--color-teal-light:oklch(72% 0.15 183);--color-teal-dark:oklch(58% 0.12 183);--color-teal-soft:oklch(66% 0.13 183/0.15);--color-teal-dim:oklch(66% 0.13 183/0.15);--color-text-primary:oklch(97% 0.003 245);--color-text-emphasis:oklch(94% 0.004 245);--color-text-strong:oklch(86% 0.006 245);--color-text-secondary:oklch(78% 0.007 245);--color-text-tertiary:oklch(72% 0.008 245);--color-text-muted:oklch(71% 0.008 245);--color-text-faint:oklch(70% 0.009 245);--color-text-primary-rgb:243 245 247;--color-text-emphasis-rgb:233 235 238;--color-text-strong-rgb:206 209 213;--color-text-secondary-rgb:180 184 188;--color-text-tertiary-rgb:161 165 169;--color-text-muted-rgb:157 162 166;--color-text-faint-rgb:154 159 164;--color-overlay-channel:255 255 255;--color-border:rgba(255,255,255,0.34);--color-border-subtle:rgb(var(--color-overlay-channel)/0.05);--color-border-strong:rgba(255,255,255,0.40);--color-border-hover:rgb(var(--color-overlay-channel)/0.44);--color-border-focus:oklch(60% 0.12 245);--color-focus-ring:oklch(60% 0.12 245);--color-toggle-track-off:oklch(55% 0.008 245);--color-toggle-track-off-rgb:110 114 118;--color-success:oklch(68% 0.18 142);--color-success-text:oklch(74% 0.16 142);--color-success-soft:oklch(68% 0.18 142/0.12);--color-danger:oklch(65% 0.25 25);--color-danger-text:oklch(72% 0.20 25);--color-danger-soft:oklch(65% 0.25 25/0.15);--color-danger-border:oklch(65% 0.25 25/0.25);--color-warning:oklch(76% 0.20 80);--color-warning-text:oklch(82% 0.16 80);--color-warning-soft:oklch(76% 0.20 80/0.12);--color-error:oklch(66% 0.25 25);--color-click-marker:rgba(220,38,38,0.85);--color-click-marker-ring:rgba(220,38,38,0.25);--color-click-marker-glow:rgba(220,38,38,0.35);--color-recording:rgba(239,68,68,0.3);--color-recording-border:rgba(239,68,68,0.25);--color-recording-glow:rgba(239,68,68,0.15);--color-recording-bar-bg:rgba(31,41,55,0.95);--color-recording-panel-bg:#2a3142;--color-backdrop:rgba(0,0,0,0.4);--color-glow-accent:rgb(var(--color-accent-500-rgb)/0.5);--color-scrollbar:rgb(var(--color-overlay-channel)/0.13);--color-scrollbar-hover:rgb(var(--color-overlay-channel)/0.23);--color-selection:rgb(var(--color-accent-500-rgb)/0.3);--color-overlay-medium:rgb(var(--color-overlay-channel)/0.08);--color-skeleton-from:rgb(var(--color-overlay-channel)/0.04);--color-skeleton-mid:rgb(var(--color-overlay-channel)/0.08);--color-grid-line:rgb(var(--color-overlay-channel)/0.03);--color-dot-overlay:rgb(var(--color-overlay-channel)/0.05);--color-mesh-accent:rgb(var(--color-accent-500-rgb)/0.08);--color-mesh-violet:rgb(var(--color-violet-500-rgb)/0.08);--orb-stop-1:oklch(48% 0.08 245);--orb-stop-2:oklch(38% 0.06 245);--orb-stop-3:oklch(25% 0.04 245);--color-feature-spotlight:oklch(60% 0.12 245/0.15);--color-paths-stroke:oklch(70% 0.01 245);--path-mix-target:transparent;--path-mix-pct:33%;--color-login-bg:oklch(15% 0.007 245);--color-aurora-primary:oklch(60% 0.12 245/0.7);--color-aurora-mid:oklch(52% 0.11 245/0.4);--color-aurora-soft:oklch(72% 0.10 210/0.25);--color-crop-mask:rgba(0,0,0,0.55);--color-crop-grid-line:rgba(255,255,255,0.3);--color-gradient-accent:oklch(60% 0.12 245);--color-gradient-violet:oklch(62% 0.15 270);--color-shadow:oklch(0% 0 0/0.40);--color-elevated-highlight:rgba(255,255,255,0.06);--shadow-xs:0 1px 2px var(--color-shadow);--shadow-sm:0 1px 3px var(--color-shadow),0 1px 2px var(--color-shadow);--shadow-md:0 4px 6px var(--color-shadow),0 2px 4px var(--color-shadow);--shadow-lg:0 10px 15px var(--color-shadow),0 4px 6px var(--color-shadow);--shadow-xl:0 20px 25px var(--color-shadow),0 10px 10px var(--color-shadow);--shadow-featured:0 0 0 1px var(--color-brand-glow),0 8px 32px var(--color-shadow);--shadow-modal:0 8px 40px var(--color-shadow);--shadow-image:0 20px 60px var(--color-shadow);--shadow-card:0 4px 20px -4px rgba(0,0,0,0.3);--shadow-elevated:0 8px 40px -8px rgba(0,0,0,0.4);--shadow-elevated-hover:inset 0 1px 0 var(--color-elevated-highlight),0 2px 8px rgba(0,0,0,0.4),0 16px 40px -10px rgba(0,0,0,0.5);--shadow-inner-glow:inset 0 1px 0 var(--color-elevated-highlight);--shadow-glow:0 0 30px -10px rgb(var(--color-accent-500-rgb)/0.4);--shadow-subtle:0 1px 3px rgba(0,0,0,0.3);--color-accent-50-rgb:234 247 255;--color-accent-100-rgb:214 239 255;--color-accent-200-rgb:177 221 255;--color-accent-300-rgb:134 197 250;--color-accent-400-rgb:88 165 228;--color-accent-500-rgb:55 134 195;--color-accent-600-rgb:30 113 172;--color-accent-700-rgb:13 92 145;--color-accent-800-rgb:17 75 117;--color-accent-900-rgb:18 59 90;--color-accent-950-rgb:12 38 58;--color-teal-50-rgb:236 254 255;--color-teal-100-rgb:207 250 254;--color-teal-200-rgb:165 243 252;--color-teal-300-rgb:103 232 249;--color-teal-400-rgb:34 211 238;--color-teal-500-rgb:6 182 212;--color-teal-600-rgb:8 145 178;--color-teal-700-rgb:14 116 144;--color-teal-800-rgb:21 94 117;--color-teal-900-rgb:22 78 99;--color-teal-950-rgb:8 51 68;--color-violet-50-rgb:240 245 255;--color-violet-100-rgb:224 235 255;--color-violet-200-rgb:197 214 255;--color-violet-300-rgb:162 186 255;--color-violet-400-rgb:125 152 245;--color-violet-500-rgb:100 126 224;--color-violet-600-rgb:78 104 206;--color-violet-700-rgb:62 84 177;--color-violet-800-rgb:51 69 147;--color-violet-900-rgb:42 57 121;--color-violet-950-rgb:31 42 92;--color-emerald-50-rgb:238 249 236;--color-emerald-100-rgb:214 241 210;--color-emerald-200-rgb:176 225 170;--color-emerald-300-rgb:133 204 126;--color-emerald-400-rgb:103 192 94;--color-emerald-500-rgb:74 179 65;--color-emerald-600-rgb:54 152 45;--color-emerald-700-rgb:41 125 34;--color-emerald-800-rgb:35 98 30;--color-emerald-900-rgb:29 79 25;--color-amber-50-rgb:255 247 234;--color-amber-100-rgb:255 236 201;--color-amber-200-rgb:255 215 145;--color-amber-300-rgb:255 194 73;--color-amber-400-rgb:249 174 0;--color-amber-500-rgb:242 158 0;--color-amber-600-rgb:193 124 0;--color-amber-700-rgb:152 98 0;--color-amber-800-rgb:120 79 0;--color-amber-900-rgb:97 65 0;--color-rose-50-rgb:255 237 235;--color-rose-100-rgb:255 216 212;--color-rose-200-rgb:255 180 173;--color-rose-300-rgb:255 135 127;--color-rose-400-rgb:255 89 87;--color-rose-500-rgb:255 35 53;--color-rose-600-rgb:234 0 28;--color-rose-700-rgb:201 0 13;--color-rose-800-rgb:162 0 15;--color-rose-900-rgb:131 12 22;--modal-bg:var(--color-bg-surface);--modal-border:var(--color-border-strong);--input-bg:rgb(var(--color-bg-base-rgb)/0.5);--button-secondary-bg:var(--color-bg-muted);--button-primary-bg:var(--color-brand-light);--button-primary-bg-hover:var(--color-brand-vibrant);--sidebar-bg:var(--color-bg-elevated);--nav-bg:rgb(var(--color-bg-elevated-rgb)/0.95);--card-bg:linear-gradient(135deg,var(--color-bg-surface) 0%,var(--color-bg-elevated) 100%);--card-border:rgb(var(--color-overlay-channel)/0.05);--card-border-hover:rgb(var(--color-accent-500-rgb)/0.30);--card-shadow:var(--shadow-card);--card-shadow-hover:var(--shadow-elevated);--card-divider:rgb(var(--color-overlay-channel)/0.08);--card-type-label:rgb(var(--color-accent-400-rgb));--plaque-bg:linear-gradient(135deg,rgb(var(--color-accent-500-rgb)/0.20) 0%,rgb(var(--color-violet-500-rgb)/0.20) 100%);--plaque-border:rgb(var(--color-overlay-channel)/0.10);--menu-bg:var(--color-bg-elevated);--menu-border:rgb(var(--color-overlay-channel)/0.08);--menu-shadow:var(--shadow-elevated);--menu-item-text:var(--color-text-secondary);--menu-item-text-hover:var(--color-text-primary);--menu-item-hover-bg:rgb(var(--color-overlay-channel)/0.05);--menu-item-danger:rgb(var(--color-rose-400-rgb));--menu-item-danger-hover-bg:rgb(var(--color-rose-500-rgb)/0.20);--step-bg:rgb(var(--color-overlay-channel)/0.04);--step-border:rgb(var(--color-overlay-channel)/0.20);--step-border-hover:rgb(var(--color-overlay-channel)/0.50);--step-selected-ring:rgb(var(--color-accent-500-rgb));--step-bubble-bg:rgb(var(--color-overlay-channel)/0.10);--step-bubble-text:rgb(var(--color-text-primary-rgb)/0.60);--step-bubble-active-bg:rgb(var(--color-accent-500-rgb));--step-grip:rgb(var(--color-text-tertiary-rgb));--step-action-hover-bg:rgb(var(--color-overlay-channel)/0.05);--step-danger:rgb(var(--color-rose-400-rgb));--step-danger-hover:rgb(var(--color-rose-300-rgb));--present-thumb-bg:var(--color-bg-elevated);--present-path-btn-bg:rgba(30,37,56,0.8);--present-path-btn-border:var(--color-border-strong);--present-path-btn-border-hover:var(--color-border-hover);--present-notes-header-bg:var(--nav-bg)}.light,[data-theme=light]{--color-bg-base:oklch(97.8% 0.004 245);--color-bg-elevated:oklch(100% 0 0);--color-bg-surface:oklch(95.5% 0.005 245);--color-bg-muted:oklch(93% 0.006 245);--color-bg-subtle:oklch(89% 0.008 245);--color-bg-navy:oklch(98% 0.010 245);--color-surface-inset:oklch(95.5% 0.006 245);--color-bg-hover:rgb(var(--color-overlay-channel)/0.05);--color-bg-hover-strong:rgb(var(--color-overlay-channel)/0.08);--color-bg-active:rgb(var(--color-overlay-channel)/0.12);--color-bg-base-rgb:246 248 250;--color-bg-elevated-rgb:255 255 255;--color-bg-surface-rgb:237 240 243;--color-bg-muted-rgb:229 232 236;--color-bg-subtle-rgb:214 219 224;--color-brand:oklch(60% 0.12 245);--color-brand-text:oklch(46% 0.12 245);--color-brand-light:oklch(66% 0.12 245);--color-brand-dark:oklch(50% 0.11 245);--color-brand-vibrant:oklch(62% 0.14 245);--color-brand-muted:oklch(60% 0.12 245/0.15);--color-brand-border:oklch(60% 0.12 245/0.30);--color-brand-glow:oklch(60% 0.12 245/0.20);--color-brand-soft:rgb(var(--color-accent-500-rgb)/0.15);--color-brand-soft-subtle:oklch(60% 0.12 245/0.08);--color-accent:oklch(60% 0.12 245);--color-accent-light:oklch(66% 0.12 245);--color-accent-dark:oklch(50% 0.11 245);--color-accent-darker:oklch(44% 0.10 245);--color-accent-soft:rgb(var(--color-accent-500-rgb)/0.15);--color-accent-soft-subtle:oklch(60% 0.12 245/0.08);--color-teal:oklch(66% 0.13 183);--color-teal-bright:oklch(72% 0.15 183);--color-teal-light:oklch(72% 0.15 183);--color-teal-dark:oklch(52% 0.11 183);--color-teal-soft:oklch(66% 0.13 183/0.15);--color-teal-dim:oklch(66% 0.13 183/0.12);--color-text-primary:oklch(25% 0.018 245);--color-text-emphasis:oklch(30% 0.018 245);--color-text-strong:oklch(38% 0.016 245);--color-text-secondary:oklch(48% 0.014 245);--color-text-tertiary:oklch(46% 0.012 245);--color-text-muted:oklch(50% 0.010 245);--color-text-faint:oklch(51.5% 0.008 245);--color-text-primary-rgb:26 35 42;--color-text-emphasis-rgb:38 47 54;--color-text-strong-rgb:59 67 75;--color-text-secondary-rgb:87 95 101;--color-text-tertiary-rgb:83 90 96;--color-text-muted-rgb:95 100 105;--color-text-faint-rgb:100 104 108;--color-overlay-channel:0 0 0;--color-border-subtle:rgb(var(--color-overlay-channel)/0.05);--color-border:oklch(57% 0.006 245);--color-border-strong:oklch(50% 0.012 245);--color-border-hover:rgb(var(--color-overlay-channel)/0.44);--color-border-focus:oklch(60% 0.12 245);--color-focus-ring:oklch(60% 0.12 245);--color-toggle-track-off:oklch(60% 0.010 245);--color-toggle-track-off-rgb:123 129 134;--color-danger:oklch(58% 0.25 25);--color-danger-text:oklch(54% 0.24 25);--color-danger-soft:oklch(58% 0.25 25/0.10);--color-danger-border:oklch(58% 0.25 25/0.22);--color-success:oklch(51.5% 0.18 142);--color-success-text:oklch(50% 0.17 142);--color-success-soft:oklch(55% 0.18 142/0.12);--color-warning:oklch(51% 0.16 80);--color-warning-text:oklch(47% 0.15 80);--color-warning-soft:oklch(51% 0.16 80/0.12);--color-error:oklch(55% 0.25 25);--color-click-marker:rgba(220,38,38,0.85);--color-click-marker-ring:rgba(220,38,38,0.25);--color-click-marker-glow:rgba(220,38,38,0.35);--color-recording:rgba(239,68,68,0.3);--color-recording-border:rgba(239,68,68,0.35);--color-recording-glow:rgba(239,68,68,0.12);--color-recording-bar-bg:rgba(241,245,249,0.95);--color-recording-panel-bg:#e8ecf4;--color-backdrop:rgba(0,0,0,0.4);--color-glow-accent:rgb(var(--color-accent-500-rgb)/0.5);--color-scrollbar:rgb(var(--color-overlay-channel)/0.13);--color-scrollbar-hover:rgb(var(--color-overlay-channel)/0.23);--color-selection:rgb(var(--color-accent-500-rgb)/0.3);--color-overlay-medium:rgb(var(--color-overlay-channel)/0.08);--color-skeleton-from:rgb(var(--color-overlay-channel)/0.04);--color-skeleton-mid:rgb(var(--color-overlay-channel)/0.08);--color-grid-line:rgb(var(--color-overlay-channel)/0.03);--color-dot-overlay:rgb(var(--color-overlay-channel)/0.05);--color-mesh-accent:rgb(var(--color-accent-500-rgb)/0.08);--color-mesh-violet:rgb(var(--color-violet-500-rgb)/0.08);--orb-stop-1:oklch(86% 0.12 250);--orb-stop-2:oklch(90% 0.09 245);--orb-stop-3:oklch(94% 0.05 240);--color-login-bg:oklch(97.8% 0.004 245);--color-aurora-primary:oklch(60% 0.12 245/0.45);--color-aurora-mid:oklch(52% 0.11 245/0.25);--color-aurora-soft:oklch(72% 0.10 210/0.18);--color-crop-mask:rgba(0,0,0,0.55);--color-crop-grid-line:rgba(255,255,255,0.3);--color-paths-stroke:oklch(45% 0.01 245);--path-mix-target:white;--path-mix-pct:42%;--color-feature-spotlight:oklch(60% 0.12 245/0.10);--color-gradient-accent:oklch(60% 0.12 245);--color-gradient-violet:oklch(62% 0.15 270);--color-shadow:oklch(40% 0.03 245/0.10);--color-elevated-highlight:oklch(100% 0.001 245);--shadow-xs:0 1px 2px var(--color-shadow);--shadow-sm:0 1px 3px var(--color-shadow),0 1px 2px var(--color-shadow);--shadow-md:0 4px 6px var(--color-shadow),0 2px 4px var(--color-shadow);--shadow-lg:0 10px 15px var(--color-shadow),0 4px 6px var(--color-shadow);--shadow-xl:0 20px 25px var(--color-shadow),0 10px 10px var(--color-shadow);--shadow-subtle:var(--shadow-xs);--shadow-card:var(--shadow-sm);--shadow-elevated:var(--shadow-md);--shadow-inner-glow:inset 0 1px 1px var(--color-elevated-highlight);--shadow-elevated-hover:inset 0 1px 1px var(--color-elevated-highlight),0 10px 15px var(--color-shadow),0 4px 6px var(--color-shadow);--shadow-featured:0 0 0 1px var(--color-brand-glow),0 8px 32px var(--color-shadow);--shadow-modal:0 8px 40px var(--color-shadow);--shadow-image:0 20px 60px var(--color-shadow);--shadow-glow:0 0 30px -10px rgb(var(--color-accent-500-rgb)/0.4);--modal-bg:var(--color-bg-elevated);--modal-border:var(--color-border);--input-bg:var(--color-bg-base);--button-secondary-bg:var(--color-bg-muted);--button-primary-bg:var(--color-brand-text);--button-primary-bg-hover:var(--color-brand);--sidebar-bg:var(--color-bg-elevated);--nav-bg:rgb(var(--color-bg-elevated-rgb)/0.95);--card-bg:var(--color-bg-elevated);--card-border:rgb(var(--color-overlay-channel)/0.05);--card-shadow:var(--shadow-card);--card-border-hover:var(--color-border-strong);--card-shadow-hover:var(--shadow-elevated-hover);--card-type-label:rgb(var(--color-accent-600-rgb));--card-divider:rgb(var(--color-overlay-channel)/0.08);--plaque-bg:rgb(var(--color-accent-500-rgb)/0.10);--plaque-border:rgb(var(--color-accent-500-rgb)/0.20);--menu-bg:var(--color-bg-elevated);--menu-border:rgb(var(--color-overlay-channel)/0.08);--menu-shadow:var(--shadow-elevated);--menu-item-text:var(--color-text-secondary);--menu-item-text-hover:var(--color-text-primary);--menu-item-hover-bg:rgb(var(--color-overlay-channel)/0.05);--menu-item-danger:rgb(var(--color-rose-600-rgb));--menu-item-danger-hover-bg:rgb(var(--color-rose-400-rgb)/0.12);--step-bg:rgb(var(--color-overlay-channel)/0.04);--step-border:rgb(var(--color-overlay-channel)/0.20);--step-border-hover:rgb(var(--color-overlay-channel)/0.50);--step-selected-ring:rgb(var(--color-accent-500-rgb));--step-bubble-bg:rgb(var(--color-overlay-channel)/0.10);--step-bubble-text:rgb(var(--color-text-primary-rgb)/0.60);--step-bubble-active-bg:rgb(var(--color-accent-500-rgb));--step-grip:rgb(var(--color-text-tertiary-rgb));--step-action-hover-bg:rgb(var(--color-overlay-channel)/0.05);--step-danger:rgb(var(--color-rose-400-rgb));--step-danger-hover:rgb(var(--color-rose-300-rgb));--present-thumb-bg:var(--color-bg-muted);--present-path-btn-bg:rgba(236,234,232,0.9);--present-path-btn-border:var(--color-border);--present-path-btn-border-hover:rgba(0,0,0,0.15);--present-notes-header-bg:var(--nav-bg);--color-accent-50-rgb:234 247 255;--color-accent-100-rgb:214 239 255;--color-accent-200-rgb:177 221 255;--color-accent-300-rgb:134 197 250;--color-accent-400-rgb:88 165 228;--color-accent-500-rgb:55 134 195;--color-accent-600-rgb:30 113 172;--color-accent-700-rgb:13 92 145;--color-accent-800-rgb:17 75 117;--color-accent-900-rgb:18 59 90;--color-accent-950-rgb:12 38 58;--color-teal-50-rgb:236 254 255;--color-teal-100-rgb:207 250 254;--color-teal-200-rgb:165 243 252;--color-teal-300-rgb:103 232 249;--color-teal-400-rgb:34 211 238;--color-teal-500-rgb:6 182 212;--color-teal-600-rgb:8 145 178;--color-teal-700-rgb:14 116 144;--color-teal-800-rgb:21 94 117;--color-teal-900-rgb:22 78 99;--color-teal-950-rgb:8 51 68;--color-violet-50-rgb:240 245 255;--color-violet-100-rgb:224 235 255;--color-violet-200-rgb:197 214 255;--color-violet-300-rgb:162 186 255;--color-violet-400-rgb:125 152 245;--color-violet-500-rgb:100 126 224;--color-violet-600-rgb:78 104 206;--color-violet-700-rgb:62 84 177;--color-violet-800-rgb:51 69 147;--color-violet-900-rgb:42 57 121;--color-violet-950-rgb:31 42 92;--color-emerald-50-rgb:238 249 236;--color-emerald-100-rgb:214 241 210;--color-emerald-200-rgb:176 225 170;--color-emerald-300-rgb:133 204 126;--color-emerald-400-rgb:103 192 94;--color-emerald-500-rgb:74 179 65;--color-emerald-600-rgb:54 152 45;--color-emerald-700-rgb:41 125 34;--color-emerald-800-rgb:35 98 30;--color-emerald-900-rgb:29 79 25;--color-amber-50-rgb:255 247 234;--color-amber-100-rgb:255 236 201;--color-amber-200-rgb:255 215 145;--color-amber-300-rgb:255 194 73;--color-amber-400-rgb:249 174 0;--color-amber-500-rgb:242 158 0;--color-amber-600-rgb:193 124 0;--color-amber-700-rgb:152 98 0;--color-amber-800-rgb:120 79 0;--color-amber-900-rgb:97 65 0;--color-rose-50-rgb:255 237 235;--color-rose-100-rgb:255 216 212;--color-rose-200-rgb:255 180 173;--color-rose-300-rgb:255 135 127;--color-rose-400-rgb:255 89 87;--color-rose-500-rgb:255 35 53;--color-rose-600-rgb:234 0 28;--color-rose-700-rgb:201 0 13;--color-rose-800-rgb:162 0 15;--color-rose-900-rgb:131 12 22}@media (prefers-color-scheme:light){:root:not(.light):not(.dark){--color-bg-base:oklch(97.8% 0.004 245);--color-bg-elevated:oklch(100% 0 0);--color-bg-surface:oklch(95.5% 0.005 245);--color-bg-muted:oklch(93% 0.006 245);--color-bg-subtle:oklch(89% 0.008 245);--color-bg-navy:oklch(98% 0.010 245);--color-surface-inset:oklch(95.5% 0.006 245);--color-bg-hover:rgb(var(--color-overlay-channel)/0.05);--color-bg-hover-strong:rgb(var(--color-overlay-channel)/0.08);--color-bg-active:rgb(var(--color-overlay-channel)/0.12);--color-bg-base-rgb:246 248 250;--color-bg-elevated-rgb:255 255 255;--color-bg-surface-rgb:237 240 243;--color-bg-muted-rgb:229 232 236;--color-bg-subtle-rgb:214 219 224;--color-brand:oklch(60% 0.12 245);--color-brand-text:oklch(46% 0.12 245);--color-brand-light:oklch(66% 0.12 245);--color-brand-dark:oklch(50% 0.11 245);--color-brand-vibrant:oklch(62% 0.14 245);--color-brand-muted:oklch(60% 0.12 245/0.15);--color-brand-border:oklch(60% 0.12 245/0.30);--color-brand-glow:oklch(60% 0.12 245/0.20);--color-brand-soft:rgb(var(--color-accent-500-rgb)/0.15);--color-brand-soft-subtle:oklch(60% 0.12 245/0.08);--color-accent:oklch(60% 0.12 245);--color-accent-light:oklch(66% 0.12 245);--color-accent-dark:oklch(50% 0.11 245);--color-accent-darker:oklch(44% 0.10 245);--color-accent-soft:rgb(var(--color-accent-500-rgb)/0.15);--color-accent-soft-subtle:oklch(60% 0.12 245/0.08);--color-teal:oklch(66% 0.13 183);--color-teal-bright:oklch(72% 0.15 183);--color-teal-light:oklch(72% 0.15 183);--color-teal-dark:oklch(52% 0.11 183);--color-teal-soft:oklch(66% 0.13 183/0.15);--color-teal-dim:oklch(66% 0.13 183/0.12);--color-text-primary:oklch(25% 0.018 245);--color-text-emphasis:oklch(30% 0.018 245);--color-text-strong:oklch(38% 0.016 245);--color-text-secondary:oklch(48% 0.014 245);--color-text-tertiary:oklch(46% 0.012 245);--color-text-muted:oklch(50% 0.010 245);--color-text-faint:oklch(51.5% 0.008 245);--color-text-primary-rgb:26 35 42;--color-text-emphasis-rgb:38 47 54;--color-text-strong-rgb:59 67 75;--color-text-secondary-rgb:87 95 101;--color-text-tertiary-rgb:83 90 96;--color-text-muted-rgb:95 100 105;--color-text-faint-rgb:100 104 108;--color-overlay-channel:0 0 0;--color-border-subtle:rgb(var(--color-overlay-channel)/0.05);--color-border:oklch(57% 0.006 245);--color-border-strong:oklch(50% 0.012 245);--color-border-hover:rgb(var(--color-overlay-channel)/0.44);--color-border-focus:oklch(60% 0.12 245);--color-focus-ring:oklch(60% 0.12 245);--color-toggle-track-off:oklch(60% 0.010 245);--color-toggle-track-off-rgb:123 129 134;--color-danger:oklch(58% 0.25 25);--color-danger-text:oklch(54% 0.24 25);--color-danger-soft:oklch(58% 0.25 25/0.10);--color-danger-border:oklch(58% 0.25 25/0.22);--color-success:oklch(51.5% 0.18 142);--color-success-text:oklch(50% 0.17 142);--color-success-soft:oklch(55% 0.18 142/0.12);--color-warning:oklch(51% 0.16 80);--color-warning-text:oklch(47% 0.15 80);--color-warning-soft:oklch(51% 0.16 80/0.12);--color-error:oklch(55% 0.25 25);--color-click-marker:rgba(220,38,38,0.85);--color-click-marker-ring:rgba(220,38,38,0.25);--color-click-marker-glow:rgba(220,38,38,0.35);--color-recording:rgba(239,68,68,0.3);--color-recording-border:rgba(239,68,68,0.35);--color-recording-glow:rgba(239,68,68,0.12);--color-recording-bar-bg:rgba(241,245,249,0.95);--color-recording-panel-bg:#e8ecf4;--color-backdrop:rgba(0,0,0,0.4);--color-glow-accent:rgb(var(--color-accent-500-rgb)/0.5);--color-scrollbar:rgb(var(--color-overlay-channel)/0.13);--color-scrollbar-hover:rgb(var(--color-overlay-channel)/0.23);--color-selection:rgb(var(--color-accent-500-rgb)/0.3);--color-overlay-medium:rgb(var(--color-overlay-channel)/0.08);--color-skeleton-from:rgb(var(--color-overlay-channel)/0.04);--color-skeleton-mid:rgb(var(--color-overlay-channel)/0.08);--color-grid-line:rgb(var(--color-overlay-channel)/0.03);--color-dot-overlay:rgb(var(--color-overlay-channel)/0.05);--color-mesh-accent:rgb(var(--color-accent-500-rgb)/0.08);--color-mesh-violet:rgb(var(--color-violet-500-rgb)/0.08);--orb-stop-1:oklch(86% 0.12 250);--orb-stop-2:oklch(90% 0.09 245);--orb-stop-3:oklch(94% 0.05 240);--color-login-bg:oklch(97.8% 0.004 245);--color-aurora-primary:oklch(60% 0.12 245/0.45);--color-aurora-mid:oklch(52% 0.11 245/0.25);--color-aurora-soft:oklch(72% 0.10 210/0.18);--color-crop-mask:rgba(0,0,0,0.55);--color-crop-grid-line:rgba(255,255,255,0.3);--color-paths-stroke:oklch(45% 0.01 245);--path-mix-target:white;--path-mix-pct:42%;--color-feature-spotlight:oklch(60% 0.12 245/0.10);--color-gradient-accent:oklch(60% 0.12 245);--color-gradient-violet:oklch(62% 0.15 270);--color-shadow:oklch(40% 0.03 245/0.10);--color-elevated-highlight:oklch(100% 0.001 245);--shadow-xs:0 1px 2px var(--color-shadow);--shadow-sm:0 1px 3px var(--color-shadow),0 1px 2px var(--color-shadow);--shadow-md:0 4px 6px var(--color-shadow),0 2px 4px var(--color-shadow);--shadow-lg:0 10px 15px var(--color-shadow),0 4px 6px var(--color-shadow);--shadow-xl:0 20px 25px var(--color-shadow),0 10px 10px var(--color-shadow);--shadow-subtle:var(--shadow-xs);--shadow-card:var(--shadow-sm);--shadow-elevated:var(--shadow-md);--shadow-inner-glow:inset 0 1px 1px var(--color-elevated-highlight);--shadow-elevated-hover:inset 0 1px 1px var(--color-elevated-highlight),0 10px 15px var(--color-shadow),0 4px 6px var(--color-shadow);--shadow-featured:0 0 0 1px var(--color-brand-glow),0 8px 32px var(--color-shadow);--shadow-modal:0 8px 40px var(--color-shadow);--shadow-image:0 20px 60px var(--color-shadow);--shadow-glow:0 0 30px -10px rgb(var(--color-accent-500-rgb)/0.4);--modal-bg:var(--color-bg-elevated);--modal-border:var(--color-border);--input-bg:var(--color-bg-base);--button-secondary-bg:var(--color-bg-muted);--button-primary-bg:var(--color-brand-text);--button-primary-bg-hover:var(--color-brand);--sidebar-bg:var(--color-bg-elevated);--nav-bg:rgb(var(--color-bg-elevated-rgb)/0.95);--card-bg:var(--color-bg-elevated);--card-border:rgb(var(--color-overlay-channel)/0.05);--card-shadow:var(--shadow-card);--card-border-hover:var(--color-border-strong);--card-shadow-hover:var(--shadow-elevated-hover);--card-type-label:rgb(var(--color-accent-600-rgb));--card-divider:rgb(var(--color-overlay-channel)/0.08);--plaque-bg:rgb(var(--color-accent-500-rgb)/0.10);--plaque-border:rgb(var(--color-accent-500-rgb)/0.20);--menu-bg:var(--color-bg-elevated);--menu-border:rgb(var(--color-overlay-channel)/0.08);--menu-shadow:var(--shadow-elevated);--menu-item-text:var(--color-text-secondary);--menu-item-text-hover:var(--color-text-primary);--menu-item-hover-bg:rgb(var(--color-overlay-channel)/0.05);--menu-item-danger:rgb(var(--color-rose-600-rgb));--menu-item-danger-hover-bg:rgb(var(--color-rose-400-rgb)/0.12);--step-bg:rgb(var(--color-overlay-channel)/0.04);--step-border:rgb(var(--color-overlay-channel)/0.20);--step-border-hover:rgb(var(--color-overlay-channel)/0.50);--step-selected-ring:rgb(var(--color-accent-500-rgb));--step-bubble-bg:rgb(var(--color-overlay-channel)/0.10);--step-bubble-text:rgb(var(--color-text-primary-rgb)/0.60);--step-bubble-active-bg:rgb(var(--color-accent-500-rgb));--step-grip:rgb(var(--color-text-tertiary-rgb));--step-action-hover-bg:rgb(var(--color-overlay-channel)/0.05);--step-danger:rgb(var(--color-rose-400-rgb));--step-danger-hover:rgb(var(--color-rose-300-rgb));--present-thumb-bg:var(--color-bg-muted);--present-path-btn-bg:rgba(236,234,232,0.9);--present-path-btn-border:var(--color-border);--present-path-btn-border-hover:rgba(0,0,0,0.15);--present-notes-header-bg:var(--nav-bg);--color-accent-50-rgb:234 247 255;--color-accent-100-rgb:214 239 255;--color-accent-200-rgb:177 221 255;--color-accent-300-rgb:134 197 250;--color-accent-400-rgb:88 165 228;--color-accent-500-rgb:55 134 195;--color-accent-600-rgb:30 113 172;--color-accent-700-rgb:13 92 145;--color-accent-800-rgb:17 75 117;--color-accent-900-rgb:18 59 90;--color-accent-950-rgb:12 38 58;--color-teal-50-rgb:236 254 255;--color-teal-100-rgb:207 250 254;--color-teal-200-rgb:165 243 252;--color-teal-300-rgb:103 232 249;--color-teal-400-rgb:34 211 238;--color-teal-500-rgb:6 182 212;--color-teal-600-rgb:8 145 178;--color-teal-700-rgb:14 116 144;--color-teal-800-rgb:21 94 117;--color-teal-900-rgb:22 78 99;--color-teal-950-rgb:8 51 68;--color-violet-50-rgb:240 245 255;--color-violet-100-rgb:224 235 255;--color-violet-200-rgb:197 214 255;--color-violet-300-rgb:162 186 255;--color-violet-400-rgb:125 152 245;--color-violet-500-rgb:100 126 224;--color-violet-600-rgb:78 104 206;--color-violet-700-rgb:62 84 177;--color-violet-800-rgb:51 69 147;--color-violet-900-rgb:42 57 121;--color-violet-950-rgb:31 42 92;--color-emerald-50-rgb:238 249 236;--color-emerald-100-rgb:214 241 210;--color-emerald-200-rgb:176 225 170;--color-emerald-300-rgb:133 204 126;--color-emerald-400-rgb:103 192 94;--color-emerald-500-rgb:74 179 65;--color-emerald-600-rgb:54 152 45;--color-emerald-700-rgb:41 125 34;--color-emerald-800-rgb:35 98 30;--color-emerald-900-rgb:29 79 25;--color-amber-50-rgb:255 247 234;--color-amber-100-rgb:255 236 201;--color-amber-200-rgb:255 215 145;--color-amber-300-rgb:255 194 73;--color-amber-400-rgb:249 174 0;--color-amber-500-rgb:242 158 0;--color-amber-600-rgb:193 124 0;--color-amber-700-rgb:152 98 0;--color-amber-800-rgb:120 79 0;--color-amber-900-rgb:97 65 0;--color-rose-50-rgb:255 237 235;--color-rose-100-rgb:255 216 212;--color-rose-200-rgb:255 180 173;--color-rose-300-rgb:255 135 127;--color-rose-400-rgb:255 89 87;--color-rose-500-rgb:255 35 53;--color-rose-600-rgb:234 0 28;--color-rose-700-rgb:201 0 13;--color-rose-800-rgb:162 0 15;--color-rose-900-rgb:131 12 22}}:root{--page-px:clamp(var(--card-gap),4%,calc(var(--card-grid-min) / 3));--page-py:2rem;--heading-xl:clamp(2rem,1.2rem + 3cqi,3rem);--heading-lg:clamp(1.5rem,1.1rem + 1.6cqi,2rem);--heading-md:clamp(1.125rem,0.95rem + 0.7cqi,1.5rem);--text-sm:clamp(0.8125rem,0.78rem + 0.15cqi,0.875rem);--text-base:clamp(0.9375rem,0.9rem + 0.2cqi,1rem);--text-lg:clamp(1rem,0.93rem + 0.3cqi,1.125rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:clamp(1rem,0.7rem + 1.2cqi,1.5rem);--space-6:clamp(1.5rem,1rem + 2cqi,2.5rem);--card-grid-min:15rem;--edit-sidebar-w:280px;--edit-comments-w:280px;--present-sidebar-w:18rem;--present-notes-w:20rem;--present-header-h:68px;--card-gap:0.75rem;--card-pad:0.75rem;--row-h:2.5rem;--page-max-width:100%;--section-gap:clamp(3rem,8vw,9rem);--section-gap-sm:clamp(2rem,5vw,5rem);--section-py:clamp(2.5rem,5vw,6rem);--section-py-sm:clamp(2rem,4vw,3.5rem);--section-py-lg:clamp(4rem,8vw,8rem);--section-py-xl:clamp(5rem,10vw,9.5rem);--section-max-w:72rem;--section-fill-min-h:100svh;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--duration-modal:220ms;--ease-spring:cubic-bezier(0.16,1,0.3,1);--ease-out:cubic-bezier(0,0,0.2,1);--export-heading-xl:3rem;--export-heading-lg:2rem;--export-heading-md:1.5rem;--export-text-lg:1.125rem;--export-text-base:1rem;--export-text-sm:0.875rem;--export-text-xs:0.75rem}:root[data-density=compact]{--page-px:clamp(var(--card-gap),4%,calc(var(--card-grid-min) / 3));--page-py:1rem;--heading-xl:clamp(1.75rem,1.2rem + 2.2cqi,2.5rem);--heading-lg:clamp(1.375rem,1.05rem + 1.3cqi,1.75rem);--heading-md:clamp(1rem,0.9rem + 0.5cqi,1.25rem);--text-sm:clamp(0.78125rem,0.76rem + 0.1cqi,0.8125rem);--text-base:clamp(0.875rem,0.85rem + 0.15cqi,0.9375rem);--text-lg:clamp(0.9375rem,0.9rem + 0.2cqi,1.0625rem);--card-grid-min:14rem;--card-gap:0.5rem;--card-pad:0.5rem;--row-h:2rem;--section-gap:clamp(2.5rem,6vw,6rem);--section-gap-sm:clamp(1.5rem,4vw,3.5rem);--section-py:clamp(2rem,4vw,4.5rem)}