@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/PressStart2P-xj9lRvVs.woff2) format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/VT323-C5q55ueI.woff2) format("woff2")}:root{--color-bg: #0D0F14;--color-bg-darkest: #0D0F14;--color-bg-dark: #10131A;--color-bg-mid: #141820;--color-surface-0: #0D0F14;--color-surface-1: #10131A;--color-surface-2: #161B26;--color-surface-3: #1C2233;--color-surface-card: #13172099;--color-surface-body: #0D0F14;--color-border-subtle: rgba(255, 255, 255, .07);--color-border-bright: rgba(255, 255, 255, .14);--color-border-glow: rgba(129, 140, 248, .45);--color-purple-deep: #1E1B4B;--color-purple-dark: #3730A3;--color-purple-mid: #4338CA;--color-purple-main: #6366F1;--color-purple-light: #818CF8;--color-purple-glow: #818CF8;--color-accent-cyan: #38BDF8;--color-accent-blue: #38BDF8;--color-accent-green: #34D399;--color-accent-yellow: #FBBF24;--color-accent-red: #F87171;--color-accent-pink: #F472B6;--color-btn-a: #F43F5E;--color-btn-b: #FBBF24;--color-btn-start: #334155;--color-btn-select: #334155;--color-btn-dpad: #1E293B;--color-btn-lr: #293548;--color-text-primary: #EFF6FF;--color-text-secondary: #8892A4;--color-text-muted: #3D4A5C;--color-text-bright: #FFFFFF;--color-priority-low: #34D399;--color-priority-medium: #FBBF24;--color-priority-high: #FB923C;--color-priority-critical: #F43F5E;--font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-retro: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-pixel: "Press Start 2P", monospace;--font-mono: ui-monospace, "JetBrains Mono", "Cascadia Code", "Fira Code", Menlo, Consolas, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-purple-sm: 0 0 0 1px rgba(99, 102, 241, .18), 0 2px 8px rgba(0, 0, 0, .35);--shadow-purple-md: 0 0 0 1px rgba(99, 102, 241, .22), 0 4px 16px rgba(0, 0, 0, .45), 0 0 24px rgba(99, 102, 241, .12);--shadow-purple-lg: 0 8px 32px rgba(0, 0, 0, .5), 0 0 32px rgba(99, 102, 241, .18);--shadow-cyan-sm: 0 0 10px rgba(56, 189, 248, .25);--shadow-cyan-md: 0 0 20px rgba(56, 189, 248, .35);--shadow-green-sm: 0 0 10px rgba(52, 211, 153, .25);--glow-text-purple: 0 0 14px rgba(129, 140, 248, .55);--glow-text-cyan: 0 0 12px rgba(56, 189, 248, .6);--transition-fast: 80ms ease;--transition-normal: .16s ease;--transition-slow: .3s ease}[data-theme=light]{--color-bg: #F4F6F8;--color-bg-darkest: #D1D5DB;--color-bg-dark: #E2E8F0;--color-bg-mid: #EEF1F5;--color-surface-0: #E2E8F0;--color-surface-1: #FFFFFF;--color-surface-2: #F8FAFC;--color-surface-3: #F1F5F9;--color-surface-card: rgba(255, 255, 255, 1);--color-surface-body: #F4F6F8;--color-border-subtle: rgba(15, 23, 42, .08);--color-border-bright: rgba(15, 23, 42, .15);--color-border-glow: rgba(37, 99, 235, .28);--color-purple-deep: #EFF6FF;--color-purple-dark: #1D4ED8;--color-purple-mid: #2563EB;--color-purple-main: #2563EB;--color-purple-light: #3B82F6;--color-purple-glow: #1D4ED8;--color-accent-cyan: #0369A1;--color-accent-blue: #1D4ED8;--color-accent-green: #15803D;--color-accent-yellow: #92400E;--color-accent-red: #B91C1C;--color-accent-pink: #9D174D;--color-btn-dpad: #CBD5E1;--color-btn-lr: #94A3B8;--color-btn-start: #94A3B8;--color-btn-select: #94A3B8;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-bright: #020617;--color-priority-low: #15803D;--color-priority-medium: #92400E;--color-priority-high: #C2410C;--color-priority-critical: #B91C1C;--shadow-purple-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 2px 6px rgba(15, 23, 42, .06);--shadow-purple-md: 0 2px 4px rgba(15, 23, 42, .06), 0 6px 16px rgba(15, 23, 42, .09);--shadow-purple-lg: 0 8px 24px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .07);--shadow-cyan-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 2px 6px rgba(15, 23, 42, .06);--shadow-cyan-md: 0 2px 8px rgba(15, 23, 42, .08), 0 4px 16px rgba(15, 23, 42, .08);--shadow-green-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 2px 6px rgba(15, 23, 42, .05);--glow-text-purple: none;--glow-text-cyan: none;--font-pixel: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ui);font-size:.9375rem;line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-1)}::-webkit-scrollbar-thumb{background:#6366f159;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#6366f18c}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);line-height:1.35;letter-spacing:.03em}p{font-family:var(--font-ui);font-size:.9375rem;line-height:1.6}a{color:var(--color-accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-purple-glow)}.pixel-border{border:1px solid var(--color-border-bright);box-shadow:var(--shadow-purple-sm)}.pixel-border--glow{border:1px solid var(--color-border-glow);box-shadow:var(--shadow-purple-md)}.card{background:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-purple-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{border-color:var(--color-border-bright);box-shadow:var(--shadow-purple-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-size:.8125rem;font-weight:500;letter-spacing:.02em;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);text-transform:uppercase;user-select:none;-webkit-user-select:none;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-purple-main);border-color:#818cf880;color:var(--color-text-bright);box-shadow:var(--shadow-purple-sm)}.btn--primary:hover:not(:disabled){background:var(--color-purple-light);box-shadow:var(--shadow-purple-md)}.btn--secondary{background:var(--color-surface-2);border-color:var(--color-border-bright);color:var(--color-text-secondary)}.btn--secondary:hover:not(:disabled){border-color:var(--color-border-bright);color:var(--color-text-primary);background:var(--color-surface-3)}.btn--success{background:#34d3991f;border-color:#34d39980;color:var(--color-accent-green)}.btn--success:hover:not(:disabled){background:#34d39933;box-shadow:var(--shadow-green-sm)}.btn--danger{background:#f871711a;border-color:#f8717166;color:var(--color-accent-red)}.btn--danger:hover:not(:disabled){background:#f871712e;box-shadow:0 0 10px #f8717140}.btn--ghost{background:transparent;border-color:var(--color-border-subtle);color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){border-color:var(--color-border-bright);color:var(--color-text-primary);background:#ffffff0a}.input{background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-ui);font-size:1rem;padding:var(--space-2) var(--space-3);width:100%;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);caret-color:var(--color-accent-cyan)}.input:focus{border-color:var(--color-purple-light);box-shadow:0 0 0 3px #6366f126}.input::placeholder{color:var(--color-text-muted);opacity:1}.input option{background:var(--color-surface-2);color:var(--color-text-primary)}.label{display:block;font-family:var(--font-ui);font-size:.75rem;font-weight:500;letter-spacing:.03em;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.badge{display:inline-block;padding:2px 8px;font-family:var(--font-ui);font-size:.6875rem;font-weight:600;border-radius:var(--radius-sm);letter-spacing:.03em;text-transform:uppercase;border:1px solid currentColor}.badge--low{color:var(--color-priority-low);background:#34d39914}.badge--medium{color:var(--color-priority-medium);background:#fbbf2414}.badge--high{color:var(--color-priority-high);background:#fb923c14}.badge--critical{color:var(--color-priority-critical);background:#f43f5e14;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #f43f5e00}50%{box-shadow:0 0 6px 1px #f43f5e66}}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--idle{background:var(--color-text-muted)}.status-dot--loading{background:var(--color-accent-yellow);animation:blink .8s step-end infinite}.status-dot--running{background:var(--color-accent-green);animation:pulse-green 2s ease-in-out infinite}.status-dot--paused{background:var(--color-accent-yellow)}.status-dot--error{background:var(--color-accent-red);animation:blink .5s step-end infinite}@keyframes blink{50%{opacity:0}}@keyframes pulse-green{0%,to{box-shadow:0 0 #34d39900}50%{box-shadow:0 0 8px 2px #34d39980}}.pixel-divider{border:none;height:1px;background:var(--color-border-subtle);margin:var(--space-4) 0}.glow-text--purple{text-shadow:var(--glow-text-purple);color:var(--color-purple-glow)}.glow-text--cyan{text-shadow:var(--glow-text-cyan);color:var(--color-accent-cyan)}.glow-text--green{text-shadow:var(--shadow-green-sm);color:var(--color-accent-green)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .18s ease forwards}.cross-origin-warning{background:#f8717114;border:1px solid rgba(248,113,113,.4);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-family:var(--font-pixel);font-size:.55rem;color:var(--color-accent-red);text-align:center;line-height:2;letter-spacing:.04em}@media (max-width: 768px){html{font-size:15px}}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{font-weight:700;letter-spacing:-.01em;line-height:1.25}[data-theme=light] .card{background:#fff;border:1px solid rgba(15,23,42,.1);box-shadow:0 1px 3px #0f172a14,0 4px 12px #0f172a0f}[data-theme=light] .card:hover{border-color:#0f172a2e;box-shadow:0 2px 6px #0f172a14,0 8px 20px #0f172a14}[data-theme=light] .pixel-border{border:1px solid rgba(15,23,42,.14);box-shadow:0 1px 3px #0f172a12,0 3px 10px #0f172a0d}[data-theme=light] .pixel-border--glow{border:1px solid rgba(37,99,235,.3);box-shadow:0 0 0 3px #2563eb14,0 2px 8px #0f172a14}[data-theme=light] .glow-text--purple{color:var(--color-purple-main);text-shadow:none}[data-theme=light] .glow-text--cyan{color:var(--color-accent-cyan);text-shadow:none}[data-theme=light] .glow-text--green{color:var(--color-accent-green);text-shadow:none}[data-theme=light] .input:focus{border-color:var(--color-purple-main);box-shadow:0 0 0 3px #2563eb1f}[data-theme=light] .pixel-divider{background:#0f172a1a}[data-theme=light] .btn--primary{background:var(--color-purple-main);border-color:var(--color-purple-dark);color:#fff;box-shadow:0 1px 2px #0f172a1f}[data-theme=light] .btn--primary:hover:not(:disabled){background:var(--color-purple-dark);box-shadow:0 2px 6px #0f172a29}[data-theme=light] .btn--secondary{background:#fff;border-color:#0f172a2e;color:var(--color-text-secondary)}[data-theme=light] .btn--secondary:hover:not(:disabled){background:var(--color-surface-3);border-color:#0f172a47;color:var(--color-text-primary)}[data-theme=light] .btn--ghost{background:transparent;border-color:#0f172a24;color:var(--color-text-secondary)}[data-theme=light] .btn--ghost:hover:not(:disabled){background:var(--color-surface-3);border-color:#0f172a38;color:var(--color-text-primary)}