@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--font-sans:"Geist","Geist Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_ed3508{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_ed3508{--font-app:"Outfit","Outfit Fallback"}.trace-demo{--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:oklch(60% 0.12 245/0.12);--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:oklch(60% 0.12 245/0.10);--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.12);--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(58% 0.010 245);--color-text-faint:oklch(66% 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:117 122 127;--color-text-faint-rgb:142 146 150;--color-overlay-channel:0 0 0;--color-border-overlay-channel:0 0 0;--color-border-subtle:oklch(93.5% 0.004 245);--color-border:oklch(63% 0.006 245);--color-border-strong:oklch(62% 0.010 245);--color-border-hover:oklch(62% 0.010 245);--color-border-focus:oklch(60% 0.12 245/0.5);--color-focus-ring:oklch(60% 0.12 245);--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(55% 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(58% 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-backdrop:rgba(15,23,42,0.4);--color-glow-accent:oklch(60% 0.12 245/0.3);--color-glow-violet:oklch(62% 0.15 270/0.3);--color-scrollbar:rgba(0,0,0,0.15);--color-scrollbar-hover:rgba(0,0,0,0.25);--color-selection:oklch(60% 0.12 245/0.2);--color-overlay-subtle:rgba(0,0,0,0.03);--color-overlay-medium:rgba(0,0,0,0.06);--color-skeleton-from:rgba(0,0,0,0.04);--color-skeleton-mid:rgba(0,0,0,0.08);--color-grid-line:rgba(0,0,0,0.03);--color-dot-overlay:rgba(0,0,0,0.06);--color-mesh-accent:oklch(60% 0.12 245/0.06);--color-mesh-violet:oklch(62% 0.15 270/0.05);--color-mesh-2:oklch(62% 0.15 270);--color-login-bg:oklch(97.8% 0.004 245);--color-paths-stroke:oklch(45% 0.01 245);--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 oklch(60% 0.12 245/0.25);--modal-bg:var(--color-bg-elevated);--modal-border:var(--color-border);--input-bg:var(--color-bg-base);--button-secondary-bg:var(--color-bg-muted);--sidebar-bg:var(--color-bg-elevated);--nav-bg:rgb(var(--color-bg-elevated-rgb)/0.95);--card-bg:var(--color-bg-elevated);--card-border:var(--color-border);--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-500-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:var(--color-border);--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-400-rgb)/0.12);--step-bg:rgb(var(--color-overlay-channel)/0.04);--step-border:rgb(var(--color-overlay-channel)/0.08);--step-border-hover:rgb(var(--color-overlay-channel)/0.20);--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;--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;--td-bg:oklch(97.8% 0.004 245);--td-bg-2:oklch(100% 0 0);--td-bg-3:oklch(95.5% 0.005 245);--td-bg-4:oklch(93% 0.006 245);--td-inset:oklch(95.5% 0.005 245);--td-text:oklch(25% 0.018 245);--td-text-2:oklch(48% 0.014 245);--td-text-3:oklch(46% 0.012 245);--td-text-muted:oklch(58% 0.010 245);--td-border:oklch(62% 0.010 245);--td-border-subtle:oklch(93.5% 0.004 245);--td-border-light:oklch(63% 0.006 245);--td-accent:oklch(60% 0.12 245);--td-accent-bright:oklch(66% 0.12 245);--td-accent-deep:oklch(50% 0.11 245);--td-accent-text:oklch(46% 0.12 245);--td-accent-dim:oklch(60% 0.12 245/0.10);--td-accent-soft:oklch(60% 0.12 245/0.10);--td-accent-border:oklch(60% 0.12 245/0.30);--td-accent-glow:oklch(60% 0.12 245/0.20);--td-on-accent:oklch(100% 0 0);--td-danger:oklch(58% 0.25 25);--td-danger-text:oklch(54% 0.24 25);--td-danger-soft:oklch(58% 0.25 25/0.10);--td-danger-border:oklch(58% 0.25 25/0.22);--td-success:oklch(55% 0.18 142);--td-success-text:oklch(50% 0.17 142);--td-success-soft:oklch(55% 0.18 142/0.12);--td-success-border:oklch(55% 0.18 142/0.22);--td-warning:oklch(51% 0.16 80);--td-warning-text:oklch(47% 0.15 80);--td-warning-soft:oklch(51% 0.16 80/0.12);--td-violet:oklch(62% 0.15 270);--td-violet-text:oklch(48% 0.15 270);--td-violet-soft:oklch(62% 0.15 270/0.20);--td-teal:oklch(66% 0.13 183);--td-teal-soft:oklch(66% 0.13 183/0.12);--td-click-marker:rgba(220,38,38,0.85);--td-click-marker-ring:rgba(220,38,38,0.25);--td-click-marker-glow:rgba(220,38,38,0.35);--td-recording:rgba(239,68,68,0.3);--td-recording-border:rgba(239,68,68,0.35);--td-recording-glow:rgba(239,68,68,0.12);--td-hover-bg:oklch(0% 0 0/0.05);--td-hover-strong:oklch(0% 0 0/0.08);--td-input-bg:oklch(100% 0 0);--td-card-bg:oklch(100% 0 0);--td-card-hover-bg:oklch(97.8% 0.004 245);--td-scrim:rgba(15,23,42,0.40);--td-shadow-card:var(--shadow-sm);--td-shadow-elevated:var(--shadow-md);--td-shadow-glow:0 0 30px -10px oklch(60% 0.12 245/0.25);--td-shadow-modal:0 8px 40px var(--color-shadow);--td-shadow-subtle:var(--shadow-xs);--td-shadow-inner-glow:inset 0 1px 1px var(--color-elevated-highlight);font-family:var(--font-app),system-ui,-apple-system,sans-serif}.dark .trace-demo{--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-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-light:oklch(66% 0.12 245);--color-brand-dark:oklch(52% 0.11 245);--color-brand-soft:oklch(60% 0.12 245/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:oklch(60% 0.12 245/0.15);--color-accent-soft-subtle:oklch(60% 0.12 245/0.10);--color-teal:oklch(66% 0.13 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-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(66% 0.008 245);--color-text-faint:oklch(60% 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:142 147 151;--color-text-faint-rgb:124 129 133;--color-overlay-channel:255 255 255;--color-border-overlay-channel:255 255 255;--color-border:rgba(255,255,255,0.34);--color-border-subtle:rgba(255,255,255,0.05);--color-border-strong:rgba(255,255,255,0.40);--color-border-hover:rgba(255,255,255,0.44);--color-border-focus:oklch(60% 0.12 245/0.5);--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-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.6);--color-glow-accent:oklch(60% 0.12 245/0.5);--color-glow-violet:oklch(62% 0.15 270/0.5);--color-scrollbar:rgba(107,122,156,0.3);--color-scrollbar-hover:rgba(107,122,156,0.5);--color-selection:oklch(60% 0.12 245/0.3);--color-overlay-subtle:rgba(255,255,255,0.05);--color-overlay-medium:rgba(255,255,255,0.08);--color-skeleton-from:rgba(255,255,255,0.04);--color-skeleton-mid:rgba(255,255,255,0.08);--color-grid-line:rgba(255,255,255,0.03);--color-dot-overlay:rgba(255,255,255,0.05);--color-mesh-accent:oklch(60% 0.12 245/0.08);--color-mesh-violet:oklch(62% 0.15 270/0.08);--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-elevated-highlight:rgba(255,255,255,0.06);--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 oklch(60% 0.12 245/0.4);--shadow-subtle:0 1px 3px rgba(0,0,0,0.3);--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);--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);--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.08);--step-border-hover:rgb(var(--color-overlay-channel)/0.20);--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);--td-bg:oklch(16% 0.006 245);--td-bg-2:oklch(20% 0.007 245);--td-bg-3:oklch(25% 0.008 245);--td-bg-4:oklch(33% 0.009 245);--td-inset:oklch(16% 0.006 245);--td-text:oklch(97% 0.003 245);--td-text-2:oklch(78% 0.007 245);--td-text-3:oklch(72% 0.008 245);--td-text-muted:oklch(66% 0.008 245);--td-border:rgba(255,255,255,0.40);--td-border-subtle:rgba(255,255,255,0.05);--td-border-light:rgba(255,255,255,0.34);--td-accent:oklch(60% 0.12 245);--td-accent-bright:oklch(66% 0.12 245);--td-accent-deep:oklch(52% 0.11 245);--td-accent-text:oklch(78% 0.09 245);--td-accent-dim:oklch(60% 0.12 245/0.15);--td-accent-soft:oklch(60% 0.12 245/0.15);--td-accent-border:oklch(60% 0.12 245/0.30);--td-accent-glow:oklch(60% 0.12 245/0.50);--td-on-accent:oklch(100% 0 0);--td-danger:oklch(65% 0.25 25);--td-danger-text:oklch(72% 0.20 25);--td-danger-soft:oklch(65% 0.25 25/0.15);--td-danger-border:oklch(65% 0.25 25/0.25);--td-success:oklch(68% 0.18 142);--td-success-text:oklch(74% 0.16 142);--td-success-soft:oklch(68% 0.18 142/0.12);--td-success-border:oklch(68% 0.18 142/0.25);--td-warning:oklch(76% 0.20 80);--td-warning-text:oklch(82% 0.16 80);--td-warning-soft:oklch(76% 0.20 80/0.12);--td-violet:oklch(62% 0.15 270);--td-violet-text:oklch(80% 0.12 270);--td-violet-soft:oklch(62% 0.15 270/0.22);--td-teal:oklch(66% 0.13 183);--td-teal-soft:oklch(66% 0.13 183/0.15);--td-click-marker:rgba(220,38,38,0.85);--td-click-marker-ring:rgba(220,38,38,0.25);--td-click-marker-glow:rgba(220,38,38,0.35);--td-recording:rgba(239,68,68,0.3);--td-recording-border:rgba(239,68,68,0.25);--td-recording-glow:rgba(239,68,68,0.15);--td-hover-bg:rgb(255 255 255/0.05);--td-hover-strong:rgb(255 255 255/0.08);--td-input-bg:oklch(33% 0.009 245);--td-card-bg:linear-gradient(135deg,oklch(25% 0.008 245/0.8),oklch(20% 0.007 245/0.9));--td-card-hover-bg:oklch(25% 0.008 245/0.8);--td-scrim:rgba(0,0,0,0.60);--td-shadow-card:0 4px 20px -4px rgba(0,0,0,0.3);--td-shadow-elevated:0 8px 40px -8px rgba(0,0,0,0.4);--td-shadow-glow:0 0 30px -10px oklch(60% 0.12 245/0.4);--td-shadow-modal:0 8px 40px -8px rgba(0,0,0,0.4);--td-shadow-subtle:0 1px 3px rgba(0,0,0,0.3);--td-shadow-inner-glow:inset 0 1px 0 var(--color-elevated-highlight)}