:root{--wf-bg-primary:#ffffff;--wf-bg-secondary:#f8fafc;--wf-bg-tertiary:#f1f5f9;--wf-bg-elevated:#ffffff;--wf-bg-card:#ffffff;--wf-bg-hover:#f8fafc}[data-mode=dark],html.dark{--wf-bg-primary:#0f1115;--wf-bg-secondary:#1a1d21;--wf-bg-tertiary:#2a2d31;--wf-bg-elevated:#2a2d31;--wf-bg-card:#1a1d21;--wf-bg-hover:#2f3439;--wf-text-primary:#f1f5f9;--wf-text-secondary:#94a3b8;--wf-border-primary:#2a2d31;--wf-canvas-bg:#0f1115;--wf-canvas-dot:#2f3439;--wf-canvas-handle-bg:#2a2d31;background-color:#0f1115;--calendar-picker-filter:invert(1)}:root{--calendar-picker-filter:none;--wf-text-primary:#0f172a;--wf-text-secondary:#475569;--wf-text-muted:#94a3b8;--wf-text-tertiary:#cbd5e1;--wf-text-on-accent:#ffffff;--wf-border-primary:#e2e8f0;--wf-border-secondary:#cbd5e1;--wf-canvas-bg:#f8fafc;--wf-canvas-dot:#e2e8f0;--wf-canvas-handle-bg:#ffffff;--xy-edge-stroke:var(--wf-canvas-edge-stroke);--wf-accent-primary:#3b82f6;--wf-accent-secondary:#8b5cf6;--wf-accent-blue:#3b82f6;--wf-accent-purple:#8b5cf6;--wf-accent-indigo:#6366f1;--wf-accent-cyan:#06b6d4;--wf-accent-green:#10b981;--wf-accent-yellow:#f59e0b;--wf-accent-red:#ef4444;--wf-accent-pink:#ec4899;--wf-accent-orange:#f59e0b;--wf-accent-bg:hsl(var(--wf-accent-primary-hsl)/0.08);--wf-accent-border:hsl(var(--wf-accent-primary-hsl)/0.2);--wf-accent-hover:#2563eb;--wf-success-bg:hsl(158 64% 52%/0.1);--wf-success-text:#10b981;--wf-info-bg:hsl(217 91% 60%/0.1);--wf-info-text:#3b82f6;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b;--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-800:#155e75;--color-cyan-900:#164e63;--color-cyan-950:#083344;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-success-950:#052e16;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-warning-950:#451a03;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-error-950:#450a0a;--wf-bg-primary-hsl:0 0% 100%;--wf-text-primary-hsl:222 47% 11%;--wf-border-primary-hsl:214 32% 91%;--wf-accent-primary-hsl:217 91% 60%;--wf-gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--wf-gradient-success:linear-gradient(135deg,#10b981,#06b6d4);--wf-gradient-warning:linear-gradient(135deg,#f59e0b,#ec4899);--wf-gradient-surface:linear-gradient(135deg,#ffffff,#f8fafc);--wf-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--glass-bg:rgba(255,255,255,0.08);--glass-bg-subtle:rgba(255,255,255,0.05);--glass-bg-strong:rgba(255,255,255,0.12);--glass-border:rgba(255,255,255,0.1);--glass-border-strong:rgba(255,255,255,0.15);--glass-blur:12px;--glass-blur-sm:8px;--glass-blur-lg:16px;--glass-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.08);--glass-shadow-lg:0 10px 15px rgba(0,0,0,0.15),0 4px 6px rgba(0,0,0,0.1);--glass-bg-dark:rgba(255,255,255,0.08);--glass-border-dark:rgba(255,255,255,0.12);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:250ms cubic-bezier(0.4,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--z-toast:1700;--spacing-0:0;--spacing-px:1px;--spacing-0\.5:0.125rem;--spacing-1:0.25rem;--spacing-1\.5:0.375rem;--spacing-2:0.5rem;--spacing-2\.5:0.625rem;--spacing-3:0.75rem;--spacing-3\.5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-xxs:var(--spacing-1);--spacing-xs:var(--spacing-2);--spacing-sm:var(--spacing-3);--spacing-md:var(--spacing-4);--spacing-lg:var(--spacing-6);--spacing-xl:var(--spacing-8);--spacing-2xl:var(--spacing-12);--spacing-3xl:var(--spacing-16);--border-radius-none:0;--border-radius-sm:0.25rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-3xl:1.5rem;--border-radius-full:9999px;--wf-border-radius-none:var(--border-radius-none);--wf-border-radius-sm:var(--border-radius-sm);--wf-border-radius-md:var(--border-radius-md);--wf-border-radius-lg:var(--border-radius-lg);--wf-border-radius-xl:var(--border-radius-xl);--wf-border-radius-2xl:var(--border-radius-2xl);--wf-border-radius-3xl:var(--border-radius-3xl);--wf-border-radius-full:var(--border-radius-full);--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--font-size-xxs:0.6rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:6rem;--font-size-9xl:8rem;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--wf-font-primary:ui-sans-serif,system-ui,sans-serif;--wf-font-mono:ui-monospace,SFMono-Regular,"SF Mono",monospace;--wf-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1);--wf-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1);--wf-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1);--wf-font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--wf-code-font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--wf-font-size-xs:0.75rem;--wf-font-size-sm:0.875rem;--wf-font-size-base:0.95rem;--wf-font-size-h3:1.25rem;--wf-font-size-h2:1.5rem;--wf-font-size-h1:1.75rem;--wf-line-height-h:1.3;--wf-line-height-body:1.6;--wf-icon-chevron-size:2rem;--wf-icon-chevron-sm-size:1.2rem;--wf-icon-delete-size:2rem;--wf-icon-help-size:1rem;--wf-icon-action-size:1rem;--wf-icon-node-size:1.25rem;--wf-icon-chevron-stroke:2;--wf-icon-help-stroke:2;--wf-icon-action-stroke:1.5;--wf-icon-node-stroke:1.5;--wf-icon-chevron-color:#64748b;--wf-icon-chevron-hover:#475569;--wf-icon-help-color:#6b7280;--wf-icon-help-hover:#3b82f6;--wf-icon-action-color:#64748b;--wf-icon-action-hover:#475569;--wf-icon-node-color:#ffffff;--wf-icon-delete-color:#ef4444;--wf-icon-delete-hover:#dc2626}:root[data-mode=dark]{--wf-shadow-sm:0 1px 1px rgb(0 0 0/0.60),0 0 0 1px rgb(255 255 255/0.03);--wf-shadow-md:0 4px 12px rgb(0 0 0/0.50),0 0 0 1px rgb(255 255 255/0.05);--wf-shadow-lg:0 8px 24px rgb(0 0 0/0.45),0 0 0 1px rgb(255 255 255/0.06);--wf-shadow-xl:0 12px 40px rgb(0 0 0/0.50),0 0 0 1px rgb(255 255 255/0.07);--wf-gradient-surface:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.00) 60%)}@keyframes particle-travel{0%{offset-distance:0;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor)}50%{filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 24px currentColor)}}.particle-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor,0 0 16px currentColor,0 0 24px currentColor;animation:glow-pulse var(--transition-slow) ease-in-out infinite}.particle-dot--indigo{color:var(--color-indigo-400)}.particle-dot--cyan{color:var(--color-cyan-400)}.particle-dot--success{color:var(--color-success-400)}.particle-dot--warning{color:var(--color-warning-400)}@keyframes draw-path{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.svg-path-animated{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-path 2s var(--ease-out) forwards}.svg-path-animated--loop{animation:draw-path 2s var(--ease-out) infinite}.svg-glow{filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 4px currentColor) drop-shadow(0 0 8px currentColor)}@keyframes skeleton-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{position:relative;background:var(--wf-bg-secondary);border-radius:var(--border-radius-md);overflow:hidden}.skeleton:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent);animation:skeleton-shimmer 2s infinite}.skeleton--pulse{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton--line{height:12px;margin-bottom:var(--spacing-2)}.skeleton--circle{border-radius:50%;aspect-ratio:1}.skeleton--button{height:var(--button-height);width:120px}.skeleton--card{height:200px}.skeleton-terminal{background:var(--wf-bg-primary);border:1px solid var(--wf-border-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-4);font-family:var(--wf-font-mono)}.skeleton-terminal__line{height:14px;background:var(--wf-bg-secondary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-2);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-terminal__line:first-child{width:60%;animation-delay:0s}.skeleton-terminal__line:nth-child(2){width:85%;animation-delay:.1s}.skeleton-terminal__line:nth-child(3){width:40%;animation-delay:.2s}.skeleton-terminal__line:nth-child(4){width:95%;animation-delay:.3s}.skeleton-terminal__line:nth-child(5){width:70%;animation-delay:.4s}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-flow{background:linear-gradient(135deg,var(--color-indigo-500),var(--color-cyan-500),var(--color-indigo-500));background-size:200% 200%;animation:gradient-flow 10s ease infinite}.gradient-flow--fast{animation-duration:5s}.gradient-flow--slow{animation-duration:15s}@keyframes energy-pulse{0%,to{box-shadow:0 0 8px var(--color-indigo-400),0 0 16px var(--color-indigo-400),0 0 24px var(--color-indigo-400),inset 0 0 8px var(--color-indigo-400)}50%{box-shadow:0 0 12px var(--color-cyan-400),0 0 24px var(--color-cyan-400),0 0 36px var(--color-cyan-400),inset 0 0 12px var(--color-cyan-400)}}.energy-pulse{animation:energy-pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--wf-bg-secondary);border-top-color:var(--color-indigo-500);border-radius:50%;animation:spin .8s linear infinite}.spinner--glow{border-top-color:var(--color-cyan-400);filter:drop-shadow(0 0 4px var(--color-cyan-400))}.spinner--sm{width:16px;height:16px;border-width:1.5px}.spinner--lg{width:32px;height:32px;border-width:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}.float--slow{animation-duration:6s}.float--fast{animation-duration:2s}@keyframes wave{0%{transform:translateX(0) translateY(0)}50%{transform:translateX(-25%) translateY(-5px)}to{transform:translateX(-50%) translateY(0)}}.wave-background{position:relative;overflow:hidden}.wave-background:before{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent 0,var(--glass-bg) 25%,transparent 50%,var(--glass-bg) 75%,transparent 100%);animation:wave 10s linear infinite;opacity:.5}@keyframes glitter{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.glitter-container{position:relative}.glitter-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 8px currentColor;animation:glitter 2s ease-in-out infinite}.glitter-dot:first-child{top:20%;left:30%;animation-delay:0s;color:var(--color-indigo-400)}.glitter-dot:nth-child(2){top:60%;left:70%;animation-delay:.5s;color:var(--color-cyan-400)}.glitter-dot:nth-child(3){top:40%;left:50%;animation-delay:1s;color:var(--color-indigo-300)}.glitter-dot:nth-child(4){top:80%;left:20%;animation-delay:1.5s;color:var(--color-cyan-300)}@keyframes focus-ring-pulse{0%,to{box-shadow:0 0 0 0 var(--color-indigo-500)}50%{box-shadow:0 0 0 4px var(--color-indigo-500)}}.focus-ring-animated:focus-visible{outline:none;animation:focus-ring-pulse 1s ease-in-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reveal{animation-duration:.6s;animation-timing-function:var(--ease-out);animation-fill-mode:both}.reveal--fade-in-up{animation-name:fade-in-up}.reveal--fade-in-down{animation-name:fade-in-down}.reveal--fade-in-left{animation-name:fade-in-left}.reveal--fade-in-right{animation-name:fade-in-right}.reveal--scale-in{animation-name:scale-in}.reveal:first-child{animation-delay:0s}.reveal:nth-child(2){animation-delay:.1s}.reveal:nth-child(3){animation-delay:.2s}.reveal:nth-child(4){animation-delay:.3s}.reveal:nth-child(5){animation-delay:.4s}.reveal:nth-child(6){animation-delay:.5s}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:skeleton-pulse 2s ease-in-out infinite}.animate-bounce{animation:float 1s ease-in-out infinite}.pause-on-hover:hover *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}