@charset "UTF-8";:root,[data-theme=dark]{--green-50: #e9f9ee;--green-100: #c9f0d5;--green-200: #95e2ac;--green-300: #5fd082;--green-400: #37bd61;--green-500: #2bae4a;--green-600: #219a3f;--green-700: #1a7d34;--green-800: #155f28;--green-900: #0e3f1b;--blue-50: #eaf2fe;--blue-100: #cfe0fc;--blue-200: #a6c6f9;--blue-300: #6ea3f4;--blue-400: #4a8cf0;--blue-500: #2f80ed;--blue-600: #1f6fd6;--blue-700: #195ab0;--blue-800: #164a8f;--blue-900: #0f3260;--red-50: #fdeceb;--red-100: #fbd3cf;--red-200: #f5a89f;--red-300: #ef7d6f;--red-400: #ea6151;--red-500: #e74c3c;--red-600: #d13a2b;--red-700: #ad2f23;--red-800: #89261c;--red-900: #5c1913;--cyan-400: #39c5cf;--cyan-500: #278fad;--cyan-600: #1f7590;--brand-green: var(--green-500);--brand-blue: var(--blue-500);--brand-red: var(--red-500);--brand-cyan: var(--cyan-400);--pepla-orange: #f15a29;--bg: #0a0d12;--surface: #12161d;--surface-2: #1a1f28;--surface-3: #222834;--border: #262c37;--border-strong: #333b48;--text: #e6edf3;--text-muted: #9aa4b0;--text-faint: #6e7681;--success: #2bae4a;--warning: #e3b341;--error: #f85149;--info: #58a6ff;--cat-connector: #58a6ff;--cat-trigger: #e3b341;--cat-processor: #a371f7;--cat-evaluator: #f778ba;--cat-loop: #2bae4a;--cat-data: #39c5cf;--primary: var(--green-500);--primary-hover: var(--green-400);--primary-active: var(--green-600);--on-primary: #06210f;--secondary: var(--blue-500);--secondary-hover: var(--blue-400);--secondary-active: var(--blue-600);--on-secondary: #ffffff;--accent: var(--red-500);--accent-hover: var(--red-400);--on-accent: #ffffff;--focus-ring: rgba(47, 128, 237, .55);--scrim: rgba(1, 4, 9, .72);--selection: rgba(43, 174, 74, .28);--track: #070a0e;--grad-brand: linear-gradient(135deg, #2bae4a 0%, #2f80ed 52%, #e74c3c 100%);--grad-brand-soft: linear-gradient( 135deg, color-mix(in srgb, #2bae4a 22%, transparent), color-mix(in srgb, #2f80ed 20%, transparent) 55%, color-mix(in srgb, #e74c3c 20%, transparent) );--grad-primary: linear-gradient(180deg, var(--green-400), var(--green-600));--grad-secondary: linear-gradient(180deg, var(--blue-400), var(--blue-600));--glow-green: 0 6px 24px rgba(43, 174, 74, .35);--glow-blue: 0 6px 24px rgba(47, 128, 237, .35);--glow-red: 0 6px 24px rgba(231, 76, 60, .32);--font-sans: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 28px;--fs-3xl: 40px;--lh-tight: 1.2;--lh-normal: 1.5;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--tracking-tight: -.02em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-pill: 999px;--elev-1: 0 1px 2px rgba(0, 0, 0, .5);--elev-2: 0 6px 18px rgba(0, 0, 0, .5);--elev-3: 0 16px 40px rgba(0, 0, 0, .6);--motion-fast: .12s;--motion-med: .2s;--motion-slow: .4s;--ease: cubic-bezier(.2, .7, .3, 1);--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px}[data-theme=light]{--bg: #f4f7fb;--surface: #ffffff;--surface-2: #eef2f7;--surface-3: #e4eaf1;--border: #dbe2ea;--border-strong: #c3ccd7;--text: #16202b;--text-muted: #55606d;--text-faint: #8a95a3;--brand-cyan: var(--cyan-500);--cat-data: var(--cyan-500);--on-primary: #ffffff;--focus-ring: rgba(47, 128, 237, .5);--scrim: rgba(22, 32, 43, .42);--selection: rgba(43, 174, 74, .2);--track: #eef2f7;--grad-brand-soft: linear-gradient( 135deg, color-mix(in srgb, #2bae4a 14%, transparent), color-mix(in srgb, #2f80ed 12%, transparent) 55%, color-mix(in srgb, #e74c3c 12%, transparent) );--elev-1: 0 1px 2px rgba(22, 32, 43, .1);--elev-2: 0 6px 18px rgba(22, 32, 43, .1);--elev-3: 0 16px 40px rgba(22, 32, 43, .14);--glow-green: 0 8px 24px rgba(43, 174, 74, .22);--glow-blue: 0 8px 24px rgba(47, 128, 237, .22);--glow-red: 0 8px 24px rgba(231, 76, 60, .2)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--selection)}code,kbd,samp,pre{font-family:var(--font-mono)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}
