*{margin:0;padding:0;box-sizing:border-box}:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--green-50: #f0fdf4;--green-500: #10b981;--green-600: #059669;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--gray-900);background:var(--gray-50);padding:1rem}#root{max-width:1400px;margin:0 auto}button{font-family:inherit;cursor:pointer;border:none;border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;font-size:.875rem;border:1px solid var(--gray-300);border-radius:4px;padding:.5rem;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.header p{color:var(--gray-600);font-size:1rem}.container{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.container{grid-template-columns:1fr 1fr}}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--gray-900)}.card h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--gray-800)}.stage-list{display:flex;flex-direction:column;gap:.75rem}.stage-item{display:grid;grid-template-columns:2fr 1fr auto;gap:.5rem;align-items:center;padding:.75rem;background:var(--gray-50);border-radius:6px;border:1px solid var(--gray-200)}.stage-item input{padding:.375rem .5rem}.stage-actions{display:flex;gap:.25rem}.btn-icon{padding:.375rem;background:transparent;color:var(--gray-500);font-size:1rem}.btn-icon:hover{background:var(--gray-100);color:var(--gray-700)}.btn-primary{background:var(--blue-500);color:#fff}.btn-primary:hover{background:var(--blue-600)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.btn-small{padding:.375rem .75rem;font-size:.8125rem}.add-stage-btn{margin-top:.5rem}.river-container{width:100%;overflow-x:auto;margin:1.5rem 0}.river-svg{width:100%;height:auto;min-height:300px}@keyframes flowDown{0%{transform:translateY(0);opacity:.5}to{transform:translateY(140px);opacity:0}}@keyframes shimmer{0%{stroke-dashoffset:0}to{stroke-dashoffset:35}}@keyframes bottleneckPulse{0%,to{opacity:.25}50%{opacity:.45}}@media (prefers-reduced-motion: no-preference){.flow-particle{animation:flowDown 3s ease-in infinite}.river-shimmer{animation:shimmer 2s linear infinite}.bottleneck-zone{animation:bottleneckPulse 2s ease-in-out infinite}}@media (prefers-reduced-motion: reduce){.flow-particle,.river-shimmer,.bottleneck-zone{animation:none}.flow-particle{opacity:.3}}.bottleneck-card{background:var(--red-50);border:2px solid var(--red-500);padding:1rem;border-radius:6px;margin:1rem 0}.bottleneck-card h3{color:var(--red-600);display:flex;align-items:center;gap:.5rem}.slider-container{margin:1.5rem 0}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.slider{width:100%;height:6px;border-radius:3px;background:var(--gray-200);outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--blue-500);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--blue-500);cursor:pointer;border:none}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1rem}.impact-stat{background:var(--green-50);padding:1rem;border-radius:6px;border:1px solid var(--green-500)}.impact-stat-label{font-size:.75rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.impact-stat-value{font-size:1.5rem;font-weight:700;color:var(--green-600)}.attack-plan{margin-top:1.5rem}.attack-plan ul{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.attack-plan li{display:flex;gap:.75rem;padding:.75rem;background:var(--blue-50);border-radius:6px;border-left:3px solid var(--blue-500)}.attack-plan li:before{content:"→";color:var(--blue-600);font-weight:700;font-size:1.125rem;flex-shrink:0}.conversion-label{font-size:.75rem;fill:var(--gray-600);font-weight:500}.stage-label{font-size:.875rem;fill:var(--gray-800);font-weight:600}.volume-label{font-size:.75rem;fill:var(--gray-600)}.controls{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}@media (max-width: 640px){.header h1{font-size:1.5rem}.stage-item{grid-template-columns:1fr;gap:.5rem}.stage-actions{justify-content:flex-end}.impact-grid{grid-template-columns:1fr}}