.step-code.svelte-tj76ye{margin:var(--space-4) 0}.step-note.svelte-tj76ye{margin-top:var(--space-4);padding:var(--space-3);background:var(--color-gray-50);border-left:4px solid var(--color-blue-primary);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sidebar-content.svelte-1426b4x{background:var(--color-white);border-radius:var(--border-radius);padding:var(--space-6);box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--nav-height) + var(--space-4))}.sidebar-title.svelte-1426b4x{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.01em}.progress-container.svelte-1426b4x{width:100%;height:.5rem;background:var(--color-gray-200);border-radius:9999px;overflow:hidden;margin-bottom:var(--space-3)}.progress-bar.svelte-1426b4x{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));transition:width var(--transition-normal)}.progress-text.svelte-1426b4x{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.completion-badge.svelte-1426b4x{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-success-light);border:var(--border-width) solid var(--color-success);border-radius:var(--border-radius-sm);margin-bottom:var(--space-4)}.completion-icon.svelte-1426b4x{color:var(--color-success);font-weight:700}.completion-text.svelte-1426b4x{font-size:var(--font-size-sm);color:var(--color-success-dark);font-weight:500;margin:0}.reset-button.svelte-1426b4x{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);background:transparent;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-4)}.reset-button.svelte-1426b4x:hover{background:var(--color-gray-50);border-color:var(--color-text-secondary)}.nav-list.svelte-1426b4x{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.nav-item.svelte-1426b4x{margin:0}.nav-link.svelte-1426b4x{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.nav-link.svelte-1426b4x:hover{background:var(--color-gray-50);color:var(--color-text-primary)}.nav-link--active.svelte-1426b4x{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:500}.nav-link--completed.svelte-1426b4x{color:var(--color-success-dark)}.nav-link__indicator.svelte-1426b4x{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.nav-link__number.svelte-1426b4x{font-size:var(--font-size-xs);font-weight:600}.nav-link__dot.svelte-1426b4x{width:.5rem;height:.5rem;background:currentColor;border-radius:50%}.nav-link__check.svelte-1426b4x{font-size:var(--font-size-sm);font-weight:700}.nav-link__text.svelte-1426b4x{font-size:var(--font-size-sm)}.step-items.svelte-1426b4x{margin:var(--space-4) 0;padding-left:var(--space-6)}.step-items.svelte-1426b4x li:where(.svelte-1426b4x){margin-bottom:var(--space-2);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.step-links.svelte-1426b4x{display:flex;gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap}.step-figure.svelte-1426b4x{margin:var(--space-4) 0;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background:var(--color-white);max-width:26rem;margin-inline:auto}.step-figure.svelte-1426b4x img:where(.svelte-1426b4x){display:block;width:100%;height:auto;background:#f8fafc}.step-figure.svelte-1426b4x figcaption:where(.svelte-1426b4x){padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);border-top:var(--border-width) solid var(--border-color)}.step-link.svelte-1426b4x{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast)}.step-link.svelte-1426b4x:hover{color:var(--color-primary-dark);text-decoration:underline}.complete-button.svelte-1426b4x{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.complete-button.svelte-1426b4x:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.complete-button.completed.svelte-1426b4x{background:var(--color-success)}.completion-card.svelte-1426b4x{margin-top:var(--space-8);padding:var(--space-8);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-gray-50) 100%);border-radius:var(--border-radius);text-align:center}.completion-card__title.svelte-1426b4x{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.completion-card__description.svelte-1426b4x{color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.completion-card__actions.svelte-1426b4x{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.completion-card__button.svelte-1426b4x{padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-sm);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.completion-card__button--primary.svelte-1426b4x{background:var(--color-primary);color:var(--color-white)}.completion-card__button--primary.svelte-1426b4x:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.completion-card__button--secondary.svelte-1426b4x{background:var(--color-white);color:var(--color-text-primary);border:var(--border-width) solid var(--border-color)}.completion-card__button--secondary.svelte-1426b4x:hover{background:var(--color-gray-50);border-color:var(--color-text-secondary)}@media(max-width:768px){.sidebar-content.svelte-1426b4x{position:static;margin-bottom:var(--space-6)}.completion-card__actions.svelte-1426b4x{flex-direction:column}.completion-card__button.svelte-1426b4x{width:100%}}