.loading-state.svelte-ke6dak{display:flex;justify-content:center;align-items:center;height:300px;font-family:sans-serif;color:#555}.component-wrapper.svelte-ke6dak{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden}.controls.svelte-ke6dak{padding:1rem;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.instructions.svelte-ke6dak{font-size:.9rem;color:#333}.legend-and-toggle.svelte-ke6dak{display:flex;align-items:center;gap:1.5rem}.legend.svelte-ke6dak{display:flex;gap:1rem;font-size:.8rem}.legend-item.svelte-ke6dak{display:flex;align-items:center;gap:.4rem}.legend-swatch.svelte-ke6dak{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.toggle.svelte-ke6dak{font-size:.8rem;display:flex;align-items:center;gap:.4rem}button.svelte-ke6dak{background-color:#aec6cf;color:#333;border:1px solid #99a9b1;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}button.svelte-ke6dak:hover{background-color:#98b2bd}.chart-area.svelte-ke6dak{position:relative}.chart-container.svelte-ke6dak{width:100%;height:500px;cursor:grab}.details-panel.svelte-ke6dak{position:absolute;top:1rem;left:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:1rem;box-shadow:0 4px 12px #0000001a;font-size:.9rem;border:1px solid #e0e0e0;z-index:10}.details-panel.svelte-ke6dak h4:where(.svelte-ke6dak){margin:0 0 .75rem}.detail-item.svelte-ke6dak{display:flex;justify-content:space-between;gap:1rem}.detail-item.svelte-ke6dak span:where(.svelte-ke6dak){font-weight:500;color:#555}.key-section.svelte-ke6dak{padding:1.5rem;background:#fdfdfd;font-size:.8rem;border-top:1px solid #e0e0e0}.key-list.svelte-ke6dak{list-style:none;padding:0;columns:3;-webkit-columns:3;-moz-columns:3;gap:1rem}.key-list.svelte-ke6dak li:where(.svelte-ke6dak){padding-bottom:.5rem}.bacterium-container.svelte-ke6dak{position:absolute;bottom:1rem;left:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:10}.bacterium-status.svelte-ke6dak{font-size:.8rem;font-weight:500;color:#555;background:#fffc;padding:.2rem .5rem;border-radius:4px}.bacterium.svelte-ke6dak{width:80px;height:40px;fill:#d1d1d1;transition:all .5s ease-in-out}.flagella.svelte-ke6dak{stroke:#d1d1d1;stroke-width:2;transition:all .5s ease-in-out}.bacterium.growing.svelte-ke6dak{transform:scale(1.2);fill:#ffb347}.bacterium.growing.svelte-ke6dak .flagella:where(.svelte-ke6dak){stroke:#ffb347}.bacterium.weakening.svelte-ke6dak{animation:svelte-ke6dak-weaken-animation 1s ease-in-out;fill:#7d7;transform:scale(.7);opacity:.5}.bacterium.weakening.svelte-ke6dak .flagella:where(.svelte-ke6dak){stroke:#7d7}@keyframes svelte-ke6dak-weaken-animation{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(.9) rotate(5deg)}to{transform:scale(.7) rotate(0);opacity:.5}}.label{font-size:11px;font-weight:500;fill:#212529;pointer-events:none;text-anchor:middle;dy:4px}