.timeline-steps.svelte-gtnpsd button:where(.svelte-gtnpsd){display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:var(--radius-md);border:2px solid #c8e6c9;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;font-family:inherit}.timeline-steps.svelte-gtnpsd button:where(.svelte-gtnpsd):hover{border-color:#4caf50;transform:translate(5px)}.timeline-steps.svelte-gtnpsd button:where(.svelte-gtnpsd):focus{outline:2px solid #4caf50;outline-offset:2px}.timeline-steps.svelte-gtnpsd button.completed:where(.svelte-gtnpsd){border-color:#4caf50;background:#e8f5e8}.interactive-section.svelte-gtnpsd{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:1.5rem;border-radius:var(--radius-xl);margin:2rem 0;border:2px solid #2196f3}.interactive-title.svelte-gtnpsd{text-align:center;margin-bottom:1rem;color:var(--gray-800);font-size:1.2rem}.situation-selection-grid.svelte-gtnpsd{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1rem}@media (max-width: 768px){.situation-selection-grid.svelte-gtnpsd{grid-template-columns:1fr}}.situation-selection.svelte-gtnpsd h4:where(.svelte-gtnpsd){margin:0 0 .75rem;color:var(--gray-800);font-size:1rem}.situation-buttons.svelte-gtnpsd{display:flex;flex-direction:column;gap:.5rem}.situation-buttons.svelte-gtnpsd button:where(.svelte-gtnpsd){padding:.75rem 1rem;border:2px solid #2196f3;background:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.situation-buttons.svelte-gtnpsd button:where(.svelte-gtnpsd):hover{background:#e3f2fd;transform:translateY(-2px)}.situation-buttons.svelte-gtnpsd button.active:where(.svelte-gtnpsd){background:#2196f3;color:#fff;border-color:#1976d2}.situation-recommendation.svelte-gtnpsd{background:#fff;padding:1rem;border-radius:var(--radius-md);border-left:4px solid #2196f3}.situation-recommendation.svelte-gtnpsd h4:where(.svelte-gtnpsd){margin:0 0 .5rem;color:var(--gray-800)}.situation-recommendation.svelte-gtnpsd p:where(.svelte-gtnpsd){margin:0;color:var(--gray-600);font-size:.9rem;line-height:1.4}.preparation-timeline.svelte-gtnpsd{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:#4caf50}.timeline-description.svelte-gtnpsd{text-align:center;margin-bottom:1rem;color:var(--gray-700)}.timeline-steps.svelte-gtnpsd{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.step-number.svelte-gtnpsd{background:#4caf50;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.timeline-steps.svelte-gtnpsd button.completed:where(.svelte-gtnpsd) .step-number:where(.svelte-gtnpsd){background:#388e3c}.step-content.svelte-gtnpsd{flex:1}.step-content.svelte-gtnpsd strong:where(.svelte-gtnpsd){display:block;margin-bottom:.25rem;color:var(--gray-800)}.step-content.svelte-gtnpsd span:where(.svelte-gtnpsd){font-size:.85rem;color:var(--gray-600)}.step-checkbox.svelte-gtnpsd{font-size:1.2rem;flex-shrink:0}.timeline-summary.svelte-gtnpsd{background:#fff;padding:1rem;border-radius:var(--radius-md);text-align:center;border:2px dashed #4caf50}.timeline-summary.svelte-gtnpsd p:where(.svelte-gtnpsd){margin:0;color:var(--gray-800);font-weight:500}.gift-participants.svelte-gtnpsd{background:#ff9800;color:#fff;padding:.2rem .5rem;border-radius:8px;font-size:.7rem;font-weight:600;display:inline-block}