:root{--bg-deep: #0a0a0f;--bg-panel: #0d0d14;--bg-surface: #12121c;--bg-elevated: #1a1a28;--bg-hover: #1e1e30;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-active: rgba(255, 255, 255, .18);--text-primary: #e8e8f0;--text-secondary: #a0a0b8;--text-muted: #666680;--text-dim: #444458;--brand-gradient: linear-gradient(135deg, #7dd3fc, #a78bfa, #fb7185);--brand-cyan: #7dd3fc;--brand-purple: #a78bfa;--brand-pink: #fb7185;--status-ready: #38bdf8;--status-ready-bg: rgba(56, 189, 248, .08);--status-progress: #f59e0b;--status-progress-bg: rgba(245, 158, 11, .08);--status-done: #4ade80;--status-done-bg: rgba(74, 222, 128, .08);--status-blocked: #94a3b8;--status-blocked-bg: rgba(148, 163, 184, .06);--status-error: #f87171;--status-error-bg: rgba(248, 113, 113, .08);--phase-1-fill: #38bdf8;--phase-1-bg: #0c2d48;--phase-2-fill: #818cf8;--phase-2-bg: #1e1b4b;--phase-3-fill: #c084fc;--phase-3-bg: #2e1065;--phase-4-fill: #f472b6;--phase-4-bg: #4a0d2e;--phase-5-fill: #fb923c;--phase-5-bg: #431407;--phase-6-fill: #facc15;--phase-6-bg: #3f3005;--phase-7-fill: #34d399;--phase-7-bg: #052e16;--phase-8-fill: #f87171;--phase-8-bg: #450a0a;--phase-9-fill: #94a3b8;--phase-9-bg: #1e293b;--priority-0: #f87171;--priority-1: #fb923c;--priority-2: #facc15;--priority-3: #38bdf8;--priority-4: #94a3b8;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", "Cascadia Code", "Menlo", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(56, 189, 248, .15);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-mono);font-size:11.5px;line-height:1.5}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(56,189,248,.03) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(167,139,250,.025) 0%,transparent 50%);pointer-events:none;z-index:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-pulse{0%,to{opacity:.15}50%{opacity:.35}}@keyframes pulse-dot{0%,to{box-shadow:0 0 4px #4ade804d}50%{box-shadow:0 0 12px #4ade80b3}}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes pulse-text{0%,to{opacity:.4}50%{opacity:1}}
