.header-container.svelte-1rg4qbf{text-align:center;margin-bottom:3rem}.prog-title.svelte-1rg4qbf{font-family:var(--font-heading);font-weight:800;font-size:2.5rem;background:linear-gradient(135deg,var(--prog-primary, #8b5cf6),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;display:inline-block;line-height:1.1}.subtitle.svelte-1rg4qbf{font-size:1.15rem;color:var(--text-muted)}.tasks-grid.svelte-1rg4qbf{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;align-items:start}.full-width.svelte-1rg4qbf{grid-column:1 / -1}.mt-6.svelte-1rg4qbf{margin-top:1.5rem}.mt-2.svelte-1rg4qbf{margin-top:.5rem}.p-4.svelte-1rg4qbf{padding:1.5rem}.content-section.svelte-1rg4qbf{margin-bottom:0;display:flex;flex-direction:column;gap:1.5rem}.level-badge.svelte-1rg4qbf{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;padding:.5rem 1rem;border-radius:var(--radius-sm);display:inline-block;align-self:flex-start;margin-bottom:-.5rem;box-shadow:var(--shadow-sm)}.easy.svelte-1rg4qbf{background-color:#ecfdf5;color:#059669;border:1px solid #10b981}.medium.svelte-1rg4qbf{background-color:#fffbeb;color:#d97706;border:1px solid #f59e0b}.hard.svelte-1rg4qbf{background-color:#fef2f2;color:#dc2626;border:1px solid #ef4444}.debug.svelte-1rg4qbf{background-color:#f0f9ff;color:#0369a1;border:1px solid #0ea5e9}.task-card.svelte-1rg4qbf{border-top-width:4px;transition:transform .2s ease,box-shadow .2s ease}.easy.svelte-1rg4qbf~.task-card:where(.svelte-1rg4qbf),.easy.svelte-1rg4qbf+.task-card:where(.svelte-1rg4qbf){border-top-color:#10b981}.medium.svelte-1rg4qbf~.task-card:where(.svelte-1rg4qbf),.medium.svelte-1rg4qbf+.task-card:where(.svelte-1rg4qbf){border-top-color:#f59e0b}.hard.svelte-1rg4qbf~.task-card:where(.svelte-1rg4qbf),.hard.svelte-1rg4qbf+.task-card:where(.svelte-1rg4qbf){border-top-color:#ef4444}.debug.svelte-1rg4qbf~.task-card:where(.svelte-1rg4qbf),.debug.svelte-1rg4qbf+.task-card:where(.svelte-1rg4qbf){border-top-color:#0ea5e9}.task-card.svelte-1rg4qbf:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.task-card.svelte-1rg4qbf h3:where(.svelte-1rg4qbf){font-size:1.25rem;margin-bottom:.75rem}.task-card.svelte-1rg4qbf h4:where(.svelte-1rg4qbf){margin:0 0 .5rem;color:var(--text-main)}.code-block.svelte-1rg4qbf{background:#1e1b2e;border-radius:var(--radius-sm);padding:1rem;margin-top:1rem;overflow-x:auto}.code-block.svelte-1rg4qbf code:where(.svelte-1rg4qbf){color:#e2e8f0;font-family:Consolas,monospace;font-size:.9rem}.text-input.svelte-1rg4qbf{flex:1;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body)}.dna-input.svelte-1rg4qbf{width:100%;text-align:center;letter-spacing:2px;font-family:Consolas,monospace;font-weight:700;color:var(--primary);background-color:#fff;text-transform:uppercase;max-width:none}.feedback.svelte-1rg4qbf{margin-top:.75rem;padding:.75rem;border-radius:var(--radius-sm);font-weight:500}.msg-success.svelte-1rg4qbf{background-color:#ecfdf5;color:#059669;border:1px solid #10b981}.msg-error.svelte-1rg4qbf{background-color:#fef2f2;color:#dc2626;border:1px solid #ef4444}.info-box.svelte-1rg4qbf{background:#f5f3ff;border-left:4px solid var(--prog-primary, #8b5cf6);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.95rem}.sim-panel.svelte-1rg4qbf{background-color:var(--bg-surface-alt);padding:1.5rem;border-radius:var(--radius-md);text-align:center;border:1px solid #e2e8f0}.sim-panel.mutated.svelte-1rg4qbf{background-color:#fff1f2;border-color:#fecdd3}.sim-panel.svelte-1rg4qbf h4:where(.svelte-1rg4qbf){margin-bottom:1rem;color:var(--text-main)}.sequence.svelte-1rg4qbf{font-family:Consolas,monospace;font-size:1.1rem;letter-spacing:2px;padding:.5rem;border-radius:var(--radius-sm);background:#fff;word-break:break-all;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.sequence.dna.svelte-1rg4qbf{color:#3b82f6;font-weight:700}.sequence.rna.svelte-1rg4qbf{color:#ef4444;font-weight:700}.sequence.protein.svelte-1rg4qbf{color:#10b981;font-weight:700;font-size:1.2rem}.arrow.svelte-1rg4qbf{color:var(--text-muted);font-size:.9rem;margin:.5rem 0;font-weight:500}.relative.svelte-1rg4qbf{position:relative}@media(max-width:640px){.prog-title.svelte-1rg4qbf{font-size:1.8rem}.mutation-simulator.svelte-1rg4qbf{grid-template-columns:1fr}}