:root{--obsidian-void: #08090C;--obsidian-base: #0E1015;--obsidian-raised: #151820;--obsidian-elevated: #1C2029;--obsidian-hover: #232833;--obsidian-active: #2A303D;--surface-base: var(--obsidian-base);--surface-elevated: var(--obsidian-raised);--surface-active: var(--obsidian-active);--surface-glass: rgba(255, 255, 255, .03);--surface-glass-hover: rgba(255, 255, 255, .06);--surface-glass-border: rgba(255, 255, 255, .08);--surface-primary: var(--obsidian-base);--surface-secondary: var(--obsidian-raised);--glass-surface: rgba(255, 255, 255, .03);--glass-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .12);--glass-bright: rgba(255, 255, 255, .1);--glass-card-bg: linear-gradient(160deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .015) 100%);--glass-card-border: rgba(255, 255, 255, .07);--glass-card-hover-border: rgba(255, 255, 255, .15);--glass-blur: 28px;--glass-premium-bg: linear-gradient(168deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 40%, rgba(245, 166, 35, .015) 100%);--glass-premium-border: rgba(255, 255, 255, .09);--glass-premium-hover-bg: linear-gradient(168deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 40%, rgba(245, 166, 35, .025) 100%);--lum-100: #FFFFFF;--lum-90: #F0F2F5;--lum-70: #B0B8C4;--lum-50: #6B7280;--lum-30: #3D4450;--lum-15: #1F242D;--text-primary: var(--lum-90);--text-secondary: var(--lum-70);--text-tertiary: var(--lum-50);--text-accent: var(--ember);--text-on-accent: var(--obsidian-void);--text-on-surface: var(--lum-100);--ember: #F5A623;--ember-bright: #FFD080;--ember-dim: #C47F17;--ember-muted: #A36A12;--ember-surface: rgba(245, 166, 35, .08);--ember-border: rgba(245, 166, 35, .2);--ember-glow: 0 0 24px rgba(245, 166, 35, .15), 0 0 64px rgba(245, 166, 35, .05);--ember-glow-strong: 0 0 32px rgba(245, 166, 35, .24), 0 0 80px rgba(245, 166, 35, .08);--ember-glow-hero: 0 0 48px rgba(245, 166, 35, .3), 0 0 120px rgba(245, 166, 35, .1), 0 0 200px rgba(245, 166, 35, .04);--ember-gradient: linear-gradient(140deg, #FFD080 0%, var(--ember) 50%, var(--ember-dim) 100%);--ember-gradient-hover: linear-gradient(140deg, #FFE0A0 0%, var(--ember-bright) 50%, var(--ember) 100%);--ember-gradient-subtle: linear-gradient(140deg, rgba(245, 166, 35, .12) 0%, rgba(245, 166, 35, .03) 100%);--amber-300: var(--ember-bright);--amber-400: var(--ember);--amber-500: var(--ember-dim);--amber-600: #A36A12;--phase-research: #60A5FA;--phase-council: #A78BFA;--phase-spec: #F5A623;--phase-build: #34D399;--phase-verify: #2DD4BF;--phase-error: #F87171;--current-phase-color: var(--ember);--status-success: #34D399;--status-warning: var(--ember);--status-error: #F87171;--status-info: #60A5FA;--status-inactive: var(--lum-50);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-active: var(--ember-border);--border-gradient: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03));--border-gradient-ember: linear-gradient(135deg, rgba(245, 166, 35, .18), rgba(245, 166, 35, .04));--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 36px;--text-display: 48px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .03em;--tracking-wider: .07em;--tracking-widest: .12em;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .24);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .22);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .28);--shadow-xl: 0 24px 72px rgba(0, 0, 0, .65), 0 8px 24px rgba(0, 0, 0, .32);--shadow-glow: var(--ember-glow);--shadow-phase: 0 0 12px var(--current-phase-color);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .38);--shadow-inset-glow: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 0 0 .5px rgba(255, 255, 255, .03);--shadow-card: 0 2px 8px rgba(0, 0, 0, .28), 0 0 .5px rgba(255, 255, 255, .07);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .5), 0 0 .5px rgba(255, 255, 255, .12);--shadow-dropdown: 0 20px 64px rgba(0, 0, 0, .75), 0 0 1px rgba(255, 255, 255, .1), 0 0 0 .5px rgba(255, 255, 255, .05);--shadow-depth: 0 1px 0 rgba(255, 255, 255, .04), 0 4px 20px rgba(0, 0, 0, .35);--shadow-float: 0 16px 48px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .28), 0 0 0 .5px rgba(255, 255, 255, .07);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1.275);--ease-premium: cubic-bezier(.22, .68, 0, 1);--duration-instant: 80ms;--duration-fast: .15s;--duration-normal: .22s;--duration-slow: .38s;--duration-dramatic: .55s;--duration-glacial: .6s;--nav-width: 200px;--nav-rail-width: 48px;--pipeline-bar-height: 48px;--top-bar-height: 48px;--left-sidebar-width: 320px;--intelligence-panel-width: 320px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--metal-50: #F8F9FA;--metal-100: #E8EAED;--metal-200: #C4C8CF;--metal-300: #9BA1AC;--metal-400: #6E7787;--metal-500: #4A5568;--metal-600: #2D3748;--metal-700: #1A202C;--amber-50: rgba(245, 166, 35, .06);--amber-100: rgba(245, 166, 35, .12);--amber-200: rgba(245, 166, 35, .25);--amber-glow: var(--ember-glow);--amber-glow-strong: var(--ember-glow-strong);--air-50: rgba(96, 165, 250, .08);--air-100: rgba(96, 165, 250, .15);--air-200: rgba(96, 165, 250, .2);--air-300: #60A5FA;--air-400: #3B82F6;--water-50: rgba(34, 211, 238, .08);--water-100: rgba(34, 211, 238, .15);--water-200: rgba(34, 211, 238, .2);--water-300: #22D3EE;--sidebar-bg: var(--obsidian-base);--scrollbar-thumb: var(--obsidian-active);--scrollbar-thumb-hover: var(--lum-50)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.app-shell{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--obsidian-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11"}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}textarea::placeholder,input::placeholder{color:var(--lum-30);opacity:1;font-size:14px;font-weight:400}:focus-visible{outline:1.5px solid var(--ember);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--lum-15);border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--lum-30)}::-webkit-scrollbar-corner{background:transparent}::selection{background-color:#f5a6233d;color:var(--lum-100)}@keyframes materialize{0%{opacity:0;transform:scale(.988) translateY(4px);filter:blur(1.5px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes phase-pulse{0%,to{box-shadow:0 0 8px var(--current-phase-color);opacity:.75}50%{box-shadow:0 0 20px var(--current-phase-color),0 0 48px color-mix(in srgb,var(--current-phase-color) 20%,transparent);opacity:1}}@keyframes ember-breathe{0%,to{opacity:.4;box-shadow:0 0 4px #f5a62314}50%{opacity:1;box-shadow:0 0 16px #f5a62333,0 0 40px #f5a6230f}}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}@keyframes glow-complete{0%,to{box-shadow:0 0 8px #34d3991f}50%{box-shadow:0 0 32px #34d3993d,0 0 64px #34d3990f}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes mascotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes connectorFill{0%{background:var(--obsidian-active)}to{background:var(--status-success)}}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes ember-ring{0%{box-shadow:0 0 #f5a62347}70%{box-shadow:0 0 0 10px #f5a62300}to{box-shadow:0 0 #f5a62300}}@keyframes stagger-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes depth-shift{0%{box-shadow:var(--shadow-md);transform:translateY(0)}to{box-shadow:var(--shadow-lg);transform:translateY(-1px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ambient-glow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes connector-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes logo-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes count-reveal{0%{opacity:0;transform:translateY(4px) scale(.95);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes surface-glow-sweep{0%{opacity:.5;transform:translate(-100%)}50%{opacity:1}to{opacity:.5;transform:translate(100%)}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes connected-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.75)}}@keyframes ticket-complete{0%{background:#34d3991a}to{background:transparent}}@keyframes mesh-drift{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(3%,-2%) rotate(1deg) scale(1.02)}50%{transform:translate(-2%,3%) rotate(-.5deg) scale(.98)}75%{transform:translate(1%,-1%) rotate(.5deg) scale(1.01)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes ripple-out{0%{transform:scale(0);opacity:.5}to{transform:scale(2.5);opacity:0}}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:after{display:none}}.uppercase-label{letter-spacing:var(--tracking-wider);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;color:var(--lum-50)}.font-mono{font-family:var(--font-mono)}.obsidian-glass{background:var(--glass-card-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.obsidian-card{background:var(--glass-card-bg);border:1px solid var(--glass-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.obsidian-card:hover{border-color:var(--glass-card-hover-border);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.obsidian-card-premium{background:var(--glass-premium-bg);border:1px solid var(--glass-premium-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card),var(--shadow-inset-glow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.obsidian-card-premium:hover{background:var(--glass-premium-hover-bg);border-color:var(--glass-card-hover-border);box-shadow:var(--shadow-card-hover),var(--shadow-inset-glow);transform:translateY(-1px)}.ember-hover-glow:hover{box-shadow:var(--ember-glow)}.page-enter{animation:materialize .32s var(--ease-premium) both}.stagger-children>*{animation:stagger-in .28s var(--ease-out) both}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:45ms}.stagger-children>*:nth-child(3){animation-delay:90ms}.stagger-children>*:nth-child(4){animation-delay:135ms}.stagger-children>*:nth-child(5){animation-delay:.18s}.stagger-children>*:nth-child(6){animation-delay:225ms}.stagger-children>*:nth-child(7){animation-delay:.27s}.stagger-children>*:nth-child(8){animation-delay:315ms}input:focus,textarea:focus{border-color:var(--ember-border)!important;box-shadow:0 0 0 1px var(--ember-border),var(--ember-glow)!important;outline:none}.surface-shimmer{position:relative;overflow:hidden}.surface-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);animation:shimmer 5s ease-in-out infinite;pointer-events:none}.obsidian-divider{height:1px;background:linear-gradient(90deg,transparent,var(--glass-border),transparent);border:none}.ambient-glow{position:relative}.ambient-glow:before{content:"";position:absolute;top:-50%;left:-15%;width:130%;height:130%;background:radial-gradient(ellipse at 25% 15%,rgba(245,166,35,.035) 0%,transparent 55%);pointer-events:none;animation:ambient-glow 12s ease-in-out infinite}.top-light:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none;z-index:1}.terminal{background:var(--obsidian-void);border:1px solid var(--lum-15);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:13px;line-height:1.65;color:var(--lum-70);overflow-y:auto}.terminal-line-tool{color:var(--ember)}.terminal-line-error{color:var(--status-error)}.terminal-line-success{color:var(--status-success)}.terminal-line:nth-child(2n){background:#ffffff02}input,textarea{background:var(--obsidian-void);border:1px solid var(--lum-15);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;color:var(--lum-90);font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.card-stagger:nth-child(1){animation-delay:0ms}.card-stagger:nth-child(2){animation-delay:40ms}.card-stagger:nth-child(3){animation-delay:80ms}.card-stagger:nth-child(4){animation-delay:.12s}.heading-display{font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--lum-100);line-height:var(--leading-tight)}.heading-h1{font-size:24px;font-weight:700;letter-spacing:-.025em;color:var(--lum-100);line-height:var(--leading-tight)}.heading-h2{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--lum-100);line-height:var(--leading-tight)}.heading-h3{font-size:16px;font-weight:600;color:var(--lum-100);line-height:var(--leading-tight)}.text-gradient-ember{background:var(--ember-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}