.path-page.svelte-fkzx4{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--ts-light);color:var(--ts-text)}.path-layout.svelte-fkzx4{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar.svelte-fkzx4{width:260px;min-width:260px;border-right:1px solid var(--ts-border);background:#fff;display:flex;flex-direction:column;padding:.75rem;gap:.6rem;overflow-y:auto}.sidebar-hero.svelte-fkzx4{border-left:4px solid #E91E63;padding:.5rem .6rem}.sidebar-hero-title.svelte-fkzx4{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:#e91e63;margin:0;line-height:1.2}.sidebar-hero-tagline.svelte-fkzx4{font-family:var(--font-body);font-size:.75rem;color:var(--ts-text-secondary);margin:.2rem 0 0}.sidebar-how-to-use.svelte-fkzx4{font-family:var(--font-ui);font-size:.7rem;color:var(--ts-text-secondary);margin-top:.3rem}.sidebar-how-to-use.svelte-fkzx4 summary:where(.svelte-fkzx4){cursor:pointer;-webkit-user-select:none;user-select:none;padding:.15rem 0}.sidebar-how-content.svelte-fkzx4{margin-top:.25rem;padding:.4rem;background:var(--ts-bg-alt);border-radius:var(--radius-sm);font-size:.7rem;line-height:1.4}.sidebar-section.svelte-fkzx4{display:flex;flex-direction:column;gap:.4rem}.sidebar-label.svelte-fkzx4{font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--ts-text-secondary);margin:0}.sidebar-footer.svelte-fkzx4{display:flex;justify-content:center;border-top:1px solid var(--ts-border);padding-top:.5rem;margin-top:auto}.panel-show.svelte-fkzx4{position:absolute;top:12px;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--ts-border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fff;cursor:pointer}.panel-show.svelte-fkzx4:hover{background:var(--ts-bg-alt)}.icon-sm.svelte-fkzx4{width:14px;height:14px}.add-form.svelte-fkzx4{display:flex;flex-direction:column;gap:.35rem;padding:.4rem;border:1px solid var(--ts-border);border-radius:var(--radius-sm);background:var(--ts-bg-alt)}.color-picker.svelte-fkzx4{display:flex;gap:4px}.color-btn.svelte-fkzx4{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-btn.active.svelte-fkzx4{border-color:var(--ts-text);transform:scale(1.15)}.path-item.svelte-fkzx4{display:flex;align-items:center;gap:.2rem}.path-item.selected.svelte-fkzx4{background:#fce4ec;border-radius:var(--radius-sm)}.path-btn.svelte-fkzx4{flex:1;display:flex;align-items:center;gap:.3rem;padding:.25rem .4rem;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm)}.path-btn.svelte-fkzx4:hover{background:var(--ts-bg-alt)}.path-dot.svelte-fkzx4{width:10px;height:10px;border-radius:50%;flex-shrink:0}.path-name.svelte-fkzx4{flex:1;font-family:var(--font-body);font-size:.75rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-pct.svelte-fkzx4{font-family:var(--font-ui);font-size:.65rem;color:var(--ts-text-secondary)}.path-remove.svelte-fkzx4{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#b2bec3;cursor:pointer;font-size:.8rem;opacity:0;transition:opacity .15s}.path-item.svelte-fkzx4:hover .path-remove:where(.svelte-fkzx4){opacity:1}.path-remove.svelte-fkzx4:hover{color:#d63031}.input-sm.svelte-fkzx4{padding:.25rem .4rem;border:1px solid var(--ts-border);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.75rem;outline:none;width:100%}.input-sm.svelte-fkzx4:focus{border-color:#e91e63}.input-field.svelte-fkzx4{padding:.35rem .5rem;border:1px solid var(--ts-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.8rem;outline:none;width:100%}.input-field.svelte-fkzx4:focus{border-color:#e91e63}.btn.svelte-fkzx4{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid var(--ts-border);border-radius:var(--radius-xl);font-family:var(--font-ui);font-size:.85rem;font-weight:600;cursor:pointer;background:#fff}.btn-primary.svelte-fkzx4{background:#e91e63;color:#fff;border-color:#e91e63}.btn-primary.svelte-fkzx4:hover{background:#c2185b}.btn-sm.svelte-fkzx4{padding:.25rem .6rem;border:1px solid var(--ts-border);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.7rem;cursor:pointer;background:#fff;color:var(--ts-text)}.btn-sm.svelte-fkzx4:hover:not(:disabled){background:var(--ts-bg-alt)}.btn-sm.svelte-fkzx4:disabled{opacity:.4}.btn-accent.svelte-fkzx4{background:#e91e63;color:#fff;border-color:#e91e63}.path-main.svelte-fkzx4{flex:1;display:flex;flex-direction:column;padding:1rem;overflow-y:auto;min-height:0;max-width:700px}.empty-state.svelte-fkzx4{flex:1;display:flex;align-items:center;justify-content:center;color:var(--ts-text-secondary);font-family:var(--font-body)}.path-header.svelte-fkzx4{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem;gap:.5rem}.header-info.svelte-fkzx4{flex:1}.path-title.svelte-fkzx4{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin:0}.path-desc.svelte-fkzx4{font-family:var(--font-body);font-size:.8rem;color:var(--ts-text-secondary);margin:.15rem 0 0}.header-actions.svelte-fkzx4{display:flex;gap:.5rem;align-items:center}.path-progress.svelte-fkzx4{margin-bottom:1rem}.progress-bar.svelte-fkzx4{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:.3rem}.progress-fill.svelte-fkzx4{height:100%;border-radius:5px;transition:width .3s ease}.progress-text.svelte-fkzx4{font-family:var(--font-ui);font-size:.75rem;color:var(--ts-text-secondary)}.add-step-form.svelte-fkzx4{display:flex;gap:.4rem;align-items:center;margin-bottom:.75rem;flex-wrap:wrap}.steps-list.svelte-fkzx4{display:flex;flex-direction:column;gap:0}.step-item.svelte-fkzx4{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;position:relative;border-left:3px solid var(--ts-border);margin-left:14px}.step-item.completed.svelte-fkzx4{border-left-color:var(--step-color)}.step-number.svelte-fkzx4{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--ts-bg-alt);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:.65rem;font-weight:700;color:var(--ts-text-secondary)}.step-item.completed.svelte-fkzx4 .step-number:where(.svelte-fkzx4){background:var(--step-color);color:#fff}.step-check.svelte-fkzx4{width:28px;height:28px;border-radius:50%;border:2px solid var(--ts-border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;transition:all .15s}.step-check.done.svelte-fkzx4{background:var(--step-color);border-color:var(--step-color);color:#fff}.step-content.svelte-fkzx4{flex:1}.step-title.svelte-fkzx4{font-family:var(--font-heading);font-size:.95rem;font-weight:600;display:block}.step-title.struck.svelte-fkzx4{text-decoration:line-through;color:var(--ts-text-secondary)}.step-desc.svelte-fkzx4{font-family:var(--font-body);font-size:.75rem;color:var(--ts-text-secondary);display:block}.step-actions.svelte-fkzx4{display:flex;gap:.15rem;align-items:center}.arrow-btn.svelte-fkzx4{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#b2bec3;cursor:pointer;font-size:.5rem}.arrow-btn.svelte-fkzx4:hover:not(:disabled){color:#e91e63}.arrow-btn.svelte-fkzx4:disabled{opacity:.3}.step-remove.svelte-fkzx4{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#b2bec3;cursor:pointer;font-size:.8rem}.step-remove.svelte-fkzx4:hover{color:#d63031}.empty-steps.svelte-fkzx4{padding:2rem;text-align:center;color:var(--ts-text-secondary);font-family:var(--font-body)}.path-complete.svelte-fkzx4{text-align:center;font-family:var(--font-heading);font-size:1.2rem;color:#e91e63;font-weight:700;margin-top:1rem}.step-connector.svelte-fkzx4{display:none}@media print{.path-page.svelte-fkzx4{background:#fff;height:auto;overflow:visible}.step-item.svelte-fkzx4{break-inside:avoid}}@media(max-width:768px){.path-page.svelte-fkzx4{height:auto;min-height:100vh;overflow:auto}.path-layout.svelte-fkzx4{flex-direction:column;overflow:visible}.sidebar.svelte-fkzx4{width:100%;min-width:100%;border-right:none;border-bottom:1px solid var(--ts-border);padding:.5rem}.sidebar-hero.svelte-fkzx4{border-left:3px solid #E91E63;padding:.35rem .5rem}}