@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&display=swap";.error-boundary{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--background);z-index:9999;padding:20px}.error-boundary-content{max-width:600px;width:100%;padding:40px;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.error-message{font-size:16px;color:var(--text-secondary);margin-bottom:30px;line-height:1.6}.error-details{margin:20px 0;text-align:left}.error-details summary{cursor:pointer;padding:10px;background:var(--glass-background);border:1px solid var(--glass-border);border-radius:8px;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none}.error-details summary:hover{background:var(--glass-hover)}.error-stack{margin-top:10px;padding:15px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;font-family:Courier New,monospace;font-size:12px;color:#ff6b6b;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-actions .btn{min-width:140px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:var(--glass-background);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-strong)}@media (max-width: 640px){.error-boundary-content{padding:30px 20px}.error-title{font-size:24px}.error-icon{font-size:48px}.error-actions{flex-direction:column}.error-actions .btn{width:100%}}html{scroll-behavior:smooth;overflow-x:hidden;-webkit-overflow-scrolling:touch}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none}@media (hover: hover) and (pointer: fine){*{cursor:none}}body{font-family:var(--font-body);font-weight:var(--font-normal);line-height:1.5;background:linear-gradient(135deg,var(--background-gradient-start) 0%,var(--background-gradient-end) 100%);color:var(--text-primary);overflow-x:hidden;overflow-y:auto;min-height:100vh;width:100%;transition:background .3s ease,color .3s ease;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}#root{width:100%;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--glass-background);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.glass{background:var(--glass-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--shadow-strong);transition:background .3s ease,border-color .3s ease}.glass-strong{background:var(--glass-hover);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--shadow-strong);transition:background .3s ease,border-color .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--shadow-color)}50%{box-shadow:0 0 40px var(--shadow-color)}}@keyframes dashdraw{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.react-flow{background:transparent}.react-flow__node{cursor:pointer;font-family:var(--font-body);font-weight:var(--font-medium);transition:filter .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1)}.react-flow__node:hover{transform:scale(1.05)}.react-flow__edge{pointer-events:all}.react-flow__edge-path{stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.react-flow__edge:hover .react-flow__edge-path{stroke-width:4;filter:brightness(1.2)}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline,.react-flow__connection-path{stroke:var(--primary-color);stroke-width:2}.react-flow__controls{background:var(--glass-background);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:4px;box-shadow:0 4px 16px var(--shadow-strong);transition:background .3s ease,border-color .3s ease}.react-flow__controls-button{background:var(--glass-hover);border:none;border-bottom:1px solid var(--glass-border);color:var(--text-primary);transition:all .2s;width:28px;height:28px}.react-flow__controls-button:hover{background:#667eea33;color:var(--primary-color)}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__minimap{background:var(--glass-background);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 16px var(--shadow-strong);transition:background .3s ease,border-color .3s ease}.react-flow__background{background:transparent}.react-flow__attribution{display:none}.quick-test-progress{position:fixed;top:20px;left:50%;transform:translate(-50%);width:300px;height:4px;background:var(--glass-background);border-radius:2px;overflow:hidden;z-index:var(--z-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.quick-test-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px var(--primary-color)}.loading-spinner-container{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background);z-index:9998}.loading-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:var(--primary-color)}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--accent-color);width:90%;height:90%;top:5%;left:5%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:var(--secondary-color);width:80%;height:80%;top:10%;left:10%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin-top:30px;font-size:16px;font-weight:500;color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}:root{--z-toolbar: 100;--z-tooltip: 10000;--z-modal: 1000;--z-overlay: 9999;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "Courier New", monospace;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 32px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--blur-sm: 10px;--blur-md: 20px;--blur-lg: 30px}:root,[data-theme=dark]{--primary-color: #667eea;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4ade80;--warning-color: #fbbf24;--error-color: #f87171;--info-color: #60a5fa;--background-dark: #0f172a;--background-darker: #020617;--background-gradient-start: #020617;--background-gradient-end: #1e1b4b;--glass-background: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-hover: rgba(255, 255, 255, .08);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--shadow-color: rgba(102, 126, 234, .3);--shadow-strong: rgba(0, 0, 0, .5);--overlay-bg: rgba(0, 0, 0, .6);--node-bg: rgba(15, 23, 42, .95);--node-border: rgba(255, 255, 255, .15);--color-border: rgba(255, 255, 255, .1)}[data-theme=light]{--primary-color: #5b6dd6;--secondary-color: #6b4c9a;--accent-color: #d174f0;--success-color: #22c55e;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--background-dark: #f8fafc;--background-darker: #ffffff;--background-gradient-start: #ffffff;--background-gradient-end: #e0e7ff;--glass-background: rgba(255, 255, 255, .85);--glass-border: rgba(148, 163, 184, .25);--glass-hover: rgba(241, 245, 249, .95);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--shadow-color: rgba(91, 109, 214, .15);--shadow-strong: rgba(15, 23, 42, .1);--overlay-bg: rgba(15, 23, 42, .4);--node-bg: rgba(255, 255, 255, .95);--node-border: rgba(148, 163, 184, .3);--color-border: rgba(148, 163, 184, .2)}:root{--cursor-dot: var(--accent-color);--cursor-border: var(--secondary-color);--cursor-size: 12px;--cursor-outer-size: 44px;--cursor-z: 10000}body.has-custom-cursor{cursor:none!important}.cursor__dot,.custom-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:var(--cursor-z);will-change:left,top,transform}.cursor__dot{width:var(--cursor-size);height:var(--cursor-size);background:var(--cursor-dot);border-radius:50%;transform:translate(-50%,-50%);transition:background .16s ease,transform .14s cubic-bezier(.2,.8,.2,1)}.custom-cursor{width:var(--cursor-outer-size);height:var(--cursor-outer-size);border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--cursor-border);transition:border-color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.cursor--interactive{transform:translate(-50%,-50%) scale(1.45);border-color:var(--accent, #06b6d4)}.cursor__dot--interactive{transform:translate(-50%,-50%) scale(1.25);background:var(--accent, #06b6d4)}@media (prefers-reduced-motion: reduce){.cursor__dot,.custom-cursor{transition:none!important}}@media (hover: none) and (pointer: coarse),(max-width: 640px){.cursor__dot,.custom-cursor{display:none}}