.ga-app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:20px;background-color:#f5f5f5;min-height:100vh}.header{text-align:center;margin-bottom:30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.header h1{margin:0 0 10px;color:#333;font-size:2.5rem;font-weight:300}.header p{margin:0;color:#666;font-size:1.1rem}.main-content{display:grid;grid-template-columns:1fr 450px;gap:20px;align-items:start}.visualization-panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.visualizer{text-align:center}.canvas-container{margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.stat-item{background:#f8f9fa;padding:15px;border-radius:6px;text-align:center}.stat-item .label{display:block;font-size:.9rem;color:#666;margin-bottom:5px}.stat-item .value{display:block;font-size:1.4rem;font-weight:700;color:#333}.control-panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.controls{margin-bottom:30px}.button-group{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s;font-weight:500}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-outline{background-color:transparent;color:#007bff;border:2px solid #007bff}.btn-outline:hover:not(:disabled){background-color:#007bff;color:#fff}.parameter-controls{margin-bottom:20px;display:grid;grid-template-columns:1fr;gap:15px}.parameter-group{display:flex;flex-direction:column}.parameter-group label{margin-bottom:8px;font-weight:500;color:#333;font-size:.9rem}.parameter-group input[type=number]{padding:8px 12px;border:2px solid #e9ecef;border-radius:4px;font-size:1rem;transition:border-color .2s}.parameter-group input[type=number]:focus{outline:none;border-color:#007bff}.parameter-group input[type=number]:disabled{background-color:#f8f9fa;color:#6c757d}.parameter-group select{padding:8px 12px;border:2px solid #e9ecef;border-radius:4px;font-size:1rem;background-color:#fff;transition:border-color .2s}.parameter-group select:focus{outline:none;border-color:#007bff}.parameter-group select:disabled{background-color:#f8f9fa;color:#6c757d}.speed-control{margin-bottom:20px}.speed-control label{display:block;margin-bottom:8px;font-weight:500;color:#333}.speed-control input[type=range]{width:100%;margin-bottom:5px}.speed-control span{font-size:.9rem;color:#666}.progress{margin-bottom:20px}.progress-label{margin-bottom:8px;font-weight:500;color:#333}.progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#28a745;transition:width .3s ease}.fitness-chart h3{margin:0 0 15px;color:#333;font-size:1.2rem;font-weight:500}.chart-container{text-align:center}.chart-container svg{border:1px solid #e9ecef;border-radius:4px;background:#fff}.axis-label{font-size:12px;fill:#666}.legend{display:flex;justify-content:center;gap:20px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#666}.legend-color{width:16px;height:16px;border-radius:2px}@media (max-width: 768px){.main-content{grid-template-columns:1fr}.header h1{font-size:2rem}.button-group{justify-content:center}.stats{grid-template-columns:1fr}.parameter-controls{grid-template-columns:1fr;gap:10px}}.best-individual-details{margin-top:8px;text-align:left}.coordinate-display,.fitness-display{display:flex;justify-content:space-between;margin:4px 0;font-size:.9rem}.coord-label,.fitness-label{color:#666;font-weight:500}.coord-value,.fitness-value{font-family:Courier New,monospace;font-weight:600}.no-data{color:#999;font-style:italic}