:root{--color-primary: #00ff88;--color-secondary: #00d4ff;--color-bg-base: #050508;--color-bg-elevated: #0a0a0f;--color-bg-subtle: #111118;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-success: #00ff88;--color-error: #ff4444;--color-warning: #ffaa00;--color-info: #00d4ff;--font-display: "HemiHead", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--border-width: 1px;--border-color: #1a1a1f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(0, 255, 136, .3);--glow-secondary: 0 0 20px rgba(0, 212, 255, .3);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--max-width: 1200px;--gutter: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:var(--leading-normal);color:var(--color-text-secondary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}.text-display{font-family:var(--font-display)}.text-body{font-family:var(--font-body)}.text-mono{font-family:var(--font-mono)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.bg-base{background-color:var(--color-bg-base)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-subtle{background-color:var(--color-bg-subtle)}.bg-primary{background-color:var(--color-primary)}.border-default{border-color:var(--border-color)}.border-primary{border-color:var(--color-primary)}.glow-primary{box-shadow:var(--glow-primary)}.glow-secondary{box-shadow:var(--glow-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-none{flex:none}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-screen{max-width:var(--max-width)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:var(--border-width) solid var(--border-color)}.border-none{border:none}@keyframes aery-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes aery-glow{0%,to{box-shadow:var(--glow-primary)}50%{box-shadow:0 0 30px #00ff8880}}@keyframes aery-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aery-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes aery-spin{to{transform:rotate(360deg)}}.animate-pulse{animation:aery-pulse 2s var(--easing-default) infinite}.animate-glow{animation:aery-glow 2s var(--easing-default) infinite}.animate-fade-in{animation:aery-fade-in var(--duration-normal) var(--easing-default)}.animate-slide-up{animation:aery-slide-up var(--duration-slow) var(--easing-default)}.animate-spin{animation:aery-spin 1s linear infinite}.transition{transition:all var(--duration-normal) var(--easing-default)}.transition-fast{transition:all var(--duration-fast) var(--easing-default)}.transition-slow{transition:all var(--duration-slow) var(--easing-default)}.hover\:glow-primary:hover{box-shadow:var(--glow-primary)}.hover\:scale-105:hover{transform:scale(1.05)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.hidden{display:none}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}#root{min-height:100vh;display:flex;flex-direction:column}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-base)}.header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);letter-spacing:-.02em}.main{flex:1;display:grid;grid-template-columns:1fr 1fr}.panel{height:calc(100vh - 65px);overflow:hidden}.panel-left{border-right:1px solid var(--border-color)}.panel-right{background:var(--color-bg-elevated);padding:var(--space-6);overflow-y:auto}.btn{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--duration-normal) var(--easing-default)}.btn-primary{background:var(--color-primary);color:var(--color-bg-base)}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-primary);transform:scale(1.02)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.phase-list{display:flex;flex-direction:column;gap:var(--space-3)}.phase{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--color-bg-subtle);transition:all var(--duration-normal) var(--easing-default)}.phase.active{border-color:var(--color-primary);background:#00ff880d;animation:aery-pulse 2s var(--easing-default) infinite}.phase.done{border-color:#00ff884d}.phase-header{display:flex;align-items:center;gap:var(--space-3)}.phase-number{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--duration-normal) var(--easing-default)}.phase.active .phase-number{background:var(--color-primary);color:var(--color-bg-base);box-shadow:var(--glow-primary)}.phase.done .phase-number{background:var(--color-primary);color:var(--color-bg-base)}.phase-title{font-weight:var(--font-medium);color:var(--color-text-primary)}.phase-desc{font-size:var(--text-sm);color:var(--color-text-muted)}.editor-header{height:40px;padding:0 var(--space-4);border-bottom:1px solid var(--border-color);display:flex;align-items:center;font-size:var(--text-sm);color:var(--color-text-muted)}.file-indicator{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-primary);margin-right:var(--space-2);animation:aery-pulse 3s var(--easing-default) infinite}@media (max-width: 768px){.main{grid-template-columns:1fr}.panel{height:auto;min-height:50vh}.panel-left{border-right:none;border-bottom:1px solid var(--border-color)}}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,black,transparent);z-index:0}.app>*{position:relative;z-index:1}