.task-nav.svelte-phxlfj{width:100%;min-width:0;padding:3px var(--s1) 5px;border:1px solid color-mix(in srgb, #fff 42%, var(--border));background:linear-gradient(180deg, #ffffff42, transparent 46%), color-mix(in srgb, var(--bg) var(--rail-tint), transparent);box-shadow:inset 0 1px 0 #ffffff9e, inset 0 -1px 0 color-mix(in srgb, var(--ink) 10%, transparent), 0 10px 30px color-mix(in srgb, var(--ink) 11%, transparent);-webkit-backdrop-filter:blur(var(--rail-blur)) saturate(1.85) brightness(1.03);backdrop-filter:blur(var(--rail-blur)) saturate(1.85) brightness(1.03);border-radius:999px;gap:2px;display:grid}[data-theme=dark] .task-nav.svelte-phxlfj{border-color:color-mix(in srgb, #fff 15%, var(--border));background:linear-gradient(180deg, #ffffff14, transparent 46%), color-mix(in srgb, var(--surface) var(--rail-tint,46%), transparent);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0000004d,0 10px 30px #0000006b}@supports not ((-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px))){.task-nav.svelte-phxlfj{background:var(--surface)}}.task-current.svelte-phxlfj{justify-content:center;align-items:center;gap:var(--s3);border-radius:var(--r-s);width:100%;min-height:28px;color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.task-copy.svelte-phxlfj{text-align:center;justify-items:center;gap:1px;min-width:0;display:grid}.task-meta.svelte-phxlfj{color:var(--faint);font-size:.7rem}.task-copy.svelte-phxlfj strong:where(.svelte-phxlfj){text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.25;overflow:hidden}.rail-row.svelte-phxlfj{min-width:0}.step-scroller.svelte-phxlfj{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;background:0 0;padding-block:0;overflow:auto hidden;container-type:inline-size}.step-scroller.svelte-phxlfj::-webkit-scrollbar{display:none}.step-list.svelte-phxlfj{width:max-content;min-width:100%;display:flex;position:relative}.step-list.svelte-phxlfj:before{z-index:0;border-radius:var(--r-pill);background:color-mix(in srgb, var(--border) 78%, transparent);content:"";height:3px;position:absolute;inset-block-start:50%;inset-inline:10cqi}.step-list.svelte-phxlfj:after{z-index:0;width:calc(var(--track-links) * 20cqi);border-radius:var(--r-pill);background:var(--accent);height:3px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 18%, transparent);content:"";transform:scaleX(calc(var(--active-links) / var(--track-links)));transform-origin:0;transition:transform .34s var(--ease-soft);position:absolute;inset-block-start:50%;inset-inline-start:10cqi}html[dir=rtl] .step-list.svelte-phxlfj:after{transform-origin:100%}.step-list.live.svelte-phxlfj:after{transition:none}.step-target.svelte-phxlfj{z-index:1;min-width:20cqi;min-height:44px;color:var(--faint);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;scroll-snap-align:center;background:0 0;border:0;flex:0 0 20cqi;place-items:center;padding:0;font-size:.72rem;font-weight:800;display:grid;position:relative}.step-target.svelte-phxlfj span:where(.svelte-phxlfj){border:1.5px solid var(--border);background:var(--surface);width:28px;height:28px;box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 8%, transparent), 0 0 0 3px color-mix(in srgb, var(--surface) 72%, transparent);transition:border-color var(--t-fast) var(--ease-snap), background var(--t-fast) var(--ease-snap), color var(--t-fast) var(--ease-snap), transform var(--t-press) var(--ease-snap), box-shadow var(--t-fast) var(--ease-snap);border-radius:50%;place-items:center;display:grid;position:relative}.step-target.svelte-phxlfj span:where(.svelte-phxlfj) b:where(.svelte-phxlfj){z-index:1;font:inherit;position:relative}.step-target.svelte-phxlfj span:where(.svelte-phxlfj) svg{z-index:1;position:relative}.step-target.progress.svelte-phxlfj:not(.done) span:where(.svelte-phxlfj){border-color:color-mix(in srgb, var(--success) 55%, var(--border));background:conic-gradient(var(--success) calc(var(--step-progress) * 1turn), var(--surface) 0);color:var(--text)}.step-target.progress.svelte-phxlfj:not(.done) span:where(.svelte-phxlfj):after{background:var(--surface);content:"";border-radius:50%;position:absolute;inset:3px}.step-target.done.svelte-phxlfj span:where(.svelte-phxlfj){border-color:var(--success);background:var(--success);color:#fff}.step-target.skipped.svelte-phxlfj span:where(.svelte-phxlfj){border-style:dashed;border-color:var(--warning);background:color-mix(in srgb, var(--warning) 12%, var(--surface));color:color-mix(in srgb, var(--warning) 78%, var(--text))}.step-target.current.svelte-phxlfj span:where(.svelte-phxlfj){border:2px solid var(--accent);background:var(--surface);color:var(--text);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 5px 12px color-mix(in srgb, var(--accent) 18%, transparent);transform:scale(1.08)}.step-target.current.progress.svelte-phxlfj:not(.done) span:where(.svelte-phxlfj){border-color:var(--accent);background:conic-gradient(var(--success) calc(var(--step-progress) * 1turn), var(--surface) 0);color:var(--text)}.step-target.current.progress.done.svelte-phxlfj span:where(.svelte-phxlfj){border-color:var(--success);background:var(--success);color:#fff}.step-target.current.done.svelte-phxlfj span:where(.svelte-phxlfj){border-color:var(--success);background:var(--success);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent), 0 5px 12px color-mix(in srgb, var(--success) 18%, transparent)}.step-target.svelte-phxlfj:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--r-s)}.task-current.svelte-phxlfj:focus-visible{outline:2px solid var(--focus);outline-offset:1px}@media (hover:hover){.task-current.svelte-phxlfj:hover{background:var(--surface-2)}.step-target.svelte-phxlfj:hover span:where(.svelte-phxlfj){border-color:var(--accent)}}@media (prefers-reduced-motion:reduce){.step-target.svelte-phxlfj span:where(.svelte-phxlfj),.step-list.svelte-phxlfj:after{transition:none}}
