:root{color-scheme:light;--bg: #F8FAFC;--app-bg: linear-gradient(180deg, #F7FAFF 0%, #F3F6FF 40%, #F8FAFC 100%);--surface: #FFFFFF;--surface-2: #F1F5F9;--text: #0F172A;--text-secondary: #64748B;--muted: #94A3B8;--border: #E2E8F0;--border-strong: #CBD5E1;--accent: #0062FF;--accent-fg: #FFFFFF;--accent-2: #06B6D4;--status-success: #10B981;--status-warning: #F59E0B;--status-danger: #EF4444;--bg-color: #F9FAFB;--glow-color: rgba(37, 99, 235, .15);--diagram-surface: rgba(255, 255, 255, .88);--diagram-pattern-none: none;--diagram-pattern-hex: radial-gradient(900px 520px at 15% 0%, rgba(59, 130, 246, .1) 0%, transparent 60%), radial-gradient(900px 520px at 85% 25%, rgba(34, 211, 238, .1) 0%, transparent 62%), url('data:image/svg+xml,%3Csvg width="220" height="220" xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3Cpattern id="hex" width="40" height="46" patternUnits="userSpaceOnUse"%3E%3Cpath d="M20 0 L40 11.5 L40 34.5 L20 46 L0 34.5 L0 11.5 Z" fill="none" stroke="%2394A3B8" stroke-opacity="0.25" stroke-width="1"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="100%25" height="100%25" fill="url(%23hex)"/%3E%3C/svg%3E');--diagram-pattern-grid: radial-gradient(900px 520px at 15% 0%, rgba(59, 130, 246, .1) 0%, transparent 60%), radial-gradient(900px 520px at 85% 25%, rgba(34, 211, 238, .1) 0%, transparent 62%), linear-gradient(to right, rgba(15, 23, 42, .06) 1px, transparent 1px), linear-gradient(to bottom, rgba(15, 23, 42, .06) 1px, transparent 1px);--diagram-pattern-dots: radial-gradient(900px 520px at 15% 0%, rgba(59, 130, 246, .1) 0%, transparent 60%), radial-gradient(900px 520px at 85% 25%, rgba(34, 211, 238, .1) 0%, transparent 62%), radial-gradient(circle at 1px 1px, rgba(15, 23, 42, .14) 1px, transparent 0);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--container-max: 1600px;--shadow-1: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-2: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--tree-line: rgba(148, 163, 184, .9);--tree-dot: rgba(100, 116, 139, .95)}.dark{color-scheme:dark;--bg: #020617;--app-bg: radial-gradient(1200px 800px at 20% 0%, rgba(56,189,248,.1) 0%, transparent 55%), radial-gradient(900px 700px at 80% 20%, rgba(59,130,246,.1) 0%, transparent 60%), linear-gradient(180deg, #050B1A 0%, #030712 100%);--surface: #0F172A;--surface-2: #1E293B;--text: #F8FAFC;--text-secondary: #94A3B8;--muted: #64748B;--border: #1E293B;--border-strong: #334155;--accent: #3B82F6;--accent-fg: #FFFFFF;--accent-2: #22D3EE;--status-success: #34D399;--status-warning: #FBBF24;--status-danger: #F87171;--bg-color: #0B111E;--glow-color: rgba(96, 165, 250, .25);--diagram-surface: rgba(15, 23, 42, .55);--diagram-pattern-none: none;--diagram-pattern-grid: radial-gradient(900px 520px at 15% 0%, rgba(59, 130, 246, .12), transparent 60%), radial-gradient(800px 520px at 85% 25%, rgba(34, 211, 238, .1), transparent 62%), linear-gradient(to right, rgba(226, 232, 240, .06) 1px, transparent 1px), linear-gradient(to bottom, rgba(226, 232, 240, .06) 1px, transparent 1px);--diagram-pattern-dots: radial-gradient(900px 520px at 15% 0%, rgba(59, 130, 246, .12), transparent 60%), radial-gradient(800px 520px at 85% 25%, rgba(34, 211, 238, .1), transparent 62%), radial-gradient(circle at 1px 1px, rgba(226, 232, 240, .14) 1px, transparent 0);--diagram-pattern-hex: radial-gradient(900px 520px at 15% 0%, rgba(59, 130, 246, .12), transparent 60%), radial-gradient(800px 520px at 85% 25%, rgba(34, 211, 238, .1), transparent 62%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='80' viewBox='0 0 70 80'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='1'%3E%3Cpath d='M35 1 L69 21 L69 59 L35 79 L1 59 L1 21 Z'/%3E%3Cpath d='M35 1 L35 79'/%3E%3Cpath d='M1 21 L69 59'/%3E%3Cpath d='M69 21 L1 59'/%3E%3C/g%3E%3C/svg%3E");--shadow-1: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-2: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .2);--tree-line: rgba(148, 163, 184, .35);--tree-dot: rgba(148, 163, 184, .55)}html,body{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;margin:0;min-height:100vh}.react-flow__pane,.react-flow__renderer,.react-flow__viewport{cursor:grab}.react-flow__pane:active,.react-flow__renderer:active,.react-flow__viewport:active,.react-flow__pane.grabbing{cursor:grabbing}#background-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background-color:var(--bg-color);pointer-events:none}#glow{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at top left,var(--glow-color),transparent 70%);animation:animate-glow 20s ease-in-out infinite alternate;z-index:0}#grid-pattern{position:absolute;top:-98px;left:-56px;width:calc(100% + 112px);height:calc(100% + 196px);z-index:1;background-image:url("data:image/svg+xml,%3Csvg width='56' height='98' viewBox='0 0 56 98' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%2364748b' stroke-width='1' opacity='0.3'%3E%3Cpath d='M28 66L0 50V18l28-16 28 16v32L28 66zM28 100V66M28 0v-16'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-size:56px 98px;background-repeat:repeat;animation:animate-grid-transform 12s linear infinite;will-change:transform;transform:translateZ(0)}@keyframes animate-grid-transform{0%{transform:translateZ(0)}to{transform:translate3d(56px,98px,0)}}@keyframes animate-glow{0%{transform:scale(1.2);opacity:.7}to{transform:scale(1.8);opacity:1}}@keyframes energy-flow{to{background-position:200% center}}.btn-shiny-orange{background:linear-gradient(110deg,#ea580c,#f97316,#fbbf24,#f97316,#ea580c);background-size:200% auto;animation:energy-flow 3s linear infinite;color:#fff;border:none;box-shadow:0 4px 6px -1px #ea580c4d,0 2px 4px -1px #ea580c1a;transition:all .3s ease}.btn-shiny-orange:hover:not(:disabled){box-shadow:0 10px 15px -3px #ea580c66,0 4px 6px -2px #ea580c1a;transform:scale(1.02);filter:brightness(1.1)}.btn-shiny-blue{background:linear-gradient(110deg,#0062ff,#3b82f6,#60a5fa,#3b82f6,#0062ff);background-size:200% auto;animation:energy-flow 4s linear infinite;color:#fff;border:none;box-shadow:0 4px 6px -1px #3b82f64d,0 2px 4px -1px #3b82f61a;transition:all .3s ease}.btn-shiny-blue:hover:not(:disabled){box-shadow:0 10px 15px -3px #3b82f666,0 4px 6px -2px #3b82f61a;transform:scale(1.02);filter:brightness(1.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.6}}@keyframes cdxShimmer{0%{transform:translate(-40%)}to{transform:translate(40%)}}@keyframes cdxScan{0%,to{transform:translateY(0);opacity:.18}50%{transform:translateY(18px);opacity:.42}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float 8s ease-in-out infinite}.animate-pulse-soft{animation:pulseSoft 3s ease-in-out infinite}.animate-cdxShimmer{animation:cdxShimmer 1.6s ease-in-out infinite}.animate-cdxScan{animation:cdxScan 3.2s ease-in-out infinite}.animate-menu{animation:slideDown .3s ease forwards}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.animate-cdxShimmer,.animate-cdxScan,.animate-float,.animate-float-slow,.animate-pulse-soft,#glow,#grid-pattern,.btn-shiny-orange,.btn-shiny-blue{animation:none!important}}