.pill{border:var(--border-input) solid transparent;border-radius:var(--radius-pill);min-height:48px;font-size:var(--text-body);text-align:center;cursor:pointer;transition:translate var(--motion-duration-fast) var(--ease-ui), box-shadow var(--motion-duration-fast) var(--ease-ui), background-color var(--motion-duration-fast) var(--ease-ui), border-color var(--motion-duration-fast) var(--ease-ui), color var(--motion-duration-fast) var(--ease-ui);justify-content:center;align-items:center;gap:8px;padding:0 28px;font-weight:800;line-height:1.2;display:inline-flex}.pill[data-tone=main]{background:var(--color-paper);color:var(--color-ink);box-shadow:var(--shadow-press-paper)}.pill[data-tone=quiet]{border-color:var(--color-player-rule-strong);color:var(--color-paper);box-shadow:var(--shadow-press-quiet);background:0 0}.pill[data-tone=right]{background:var(--color-success-on-ink);color:var(--color-ink);box-shadow:var(--shadow-press-success)}.pill[data-tone=wrong]{background:var(--color-warning-on-ink);color:var(--color-ink);box-shadow:var(--shadow-press-warning)}.pill[data-surface=paper][data-tone=main]{background:var(--color-violet);color:var(--color-paper);box-shadow:var(--shadow-press-violet)}.pill[data-surface=paper][data-tone=quiet]{border-color:var(--color-learning-rule);background:var(--color-paper);color:var(--color-learning-ink);box-shadow:var(--shadow-press-paper-quiet)}.pill:is([data-tone=main],[data-tone=quiet]):hover:not(:disabled,[aria-disabled=true]){border-color:var(--color-violet);background:var(--color-violet);color:var(--color-paper);box-shadow:var(--shadow-press-violet)}.pill[data-tone]:active:not(:disabled,[aria-disabled=true]){box-shadow:none;translate:0 4px}.pill:is(:disabled,[aria-disabled=true]){background:var(--color-player-rule);color:var(--color-text-on-ink);box-shadow:none;cursor:default;border-color:#0000}.pill[data-surface=paper][data-tone=main]:hover:not(:active,:disabled,[aria-disabled=true]){border-color:var(--color-violet-deep);background:var(--color-violet-deep);box-shadow:var(--shadow-press-ink)}.path-disc{--path-disc-size:var(--spacing-disc);width:var(--path-disc-size);height:var(--path-disc-size);border-radius:var(--radius-pill);color:var(--color-paper);border:2px solid #0000;flex-shrink:0;place-items:center;display:grid;position:relative}.path-disc[data-size=large]{--path-disc-size:var(--spacing-disc-large)}.path-disc>svg{width:42%;height:42%}.path-disc[data-state=completed]{background-color:var(--color-success-on-ink);box-shadow:var(--shadow-disc-success)}.path-disc:is([data-state=up-next],[data-state=available]){background-color:var(--color-violet);box-shadow:var(--shadow-disc-violet)}.path-disc[data-state=locked]{background-color:var(--color-disc-locked);box-shadow:var(--shadow-disc-locked);color:color-mix(in srgb, var(--color-text-on-ink) 65%, transparent)}.path-disc[data-state=retired-completed]{border-style:dashed;border-color:var(--color-success-on-ink);color:var(--color-success-on-ink)}.path-disc[data-state=planned]{border-style:dashed;border-color:color-mix(in srgb, var(--color-text-on-ink) 70%, transparent);color:var(--color-text-on-ink)}.path-disc[data-state=up-next]:before{content:"";border:3px solid color-mix(in srgb, var(--color-violet) 40%, transparent);border-radius:var(--radius-pill);animation:2.2s ease-in-out infinite path-disc-pulse;position:absolute;inset:-10px}@keyframes path-disc-pulse{50%{border-color:color-mix(in srgb, var(--color-violet) 12%, transparent);inset:-15px}}.path-disc-badge{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background-color:var(--color-disc-locked);place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-3px;right:-3px}.path-disc-badge svg{fill:none;stroke:currentColor;stroke-width:2.4px;width:12px;height:12px}@media (width<=700px){.path-disc{--path-disc-size:var(--spacing-disc-compact)}.path-disc[data-size=large]{--path-disc-size:var(--spacing-disc)}}.path-disc[data-moment=completed]{animation:path-disc-turn-green .42s .25s var(--ease-ui) backwards}@keyframes path-disc-turn-green{0%{background-color:var(--color-violet);box-shadow:var(--shadow-disc-violet)}}.path-disc[data-moment=up-next]{animation:path-disc-light-up .42s .75s var(--ease-ui) backwards}.path-disc[data-moment=up-next]:before{animation:path-disc-ring-in .42s .75s var(--ease-ui) backwards, path-disc-pulse 2.2s 1.2s ease-in-out infinite}@keyframes path-disc-light-up{0%{background-color:var(--color-disc-locked);box-shadow:var(--shadow-disc-locked);color:var(--color-text-on-ink);transform:scale(.8)}}@keyframes path-disc-ring-in{0%{opacity:0}}.path-row-status[data-moment=completed]{animation:path-status-in .42s .25s var(--ease-ui) backwards}@keyframes path-status-in{0%{opacity:0}}.path-module-header[data-moment=done] .path-module-eyebrow{animation:path-module-done .42s .9s var(--ease-ui) backwards}@keyframes path-module-done{0%{color:var(--color-violet-soft)}}@media (prefers-reduced-motion:reduce){.path-disc,.path-disc:before,.path-disc[data-moment]:before,.path-row-status,.path-module-eyebrow{animation:none!important}}.path-module-header{gap:2px;display:grid}.path-module-eyebrow{font-size:var(--text-eyebrow);letter-spacing:var(--text-eyebrow--letter-spacing);color:var(--color-violet-soft);text-transform:uppercase;font-weight:800}.path-module-header[data-state=completed] .path-module-eyebrow{color:var(--color-success-on-ink)}.path-module-header[data-state=coming-soon] .path-module-eyebrow{color:var(--color-text-on-ink)}.path-module-title{color:var(--color-paper);margin:0;font-size:1.15rem;font-weight:800;line-height:1.3}.path-rows{gap:16px;margin:12px 0 0;padding:0;list-style:none;display:grid;position:relative}.path-rows:before{content:"";top:24px;bottom:24px;left:calc(var(--spacing-disc-large) / 2 - 2px);border-radius:var(--radius-pill);background-color:var(--color-player-rule);width:4px;position:absolute}.path-row{grid-template-columns:var(--spacing-disc-large) minmax(0, 1fr);align-items:center;gap:16px;display:grid;position:relative}.path-row .path-disc{justify-self:center}.path-row-label{gap:2px;display:grid}.path-row-title{color:var(--color-paper);font-weight:700}.path-row:is([data-state=locked],[data-state=planned]) .path-row-title{color:var(--color-text-on-ink)}.path-row-meta{font-size:var(--text-small);color:var(--color-text-on-ink);flex-wrap:wrap;align-items:center;gap:0 4px;display:flex}.path-row-status{font-weight:700}.path-row:is([data-state=completed],[data-state=retired-completed]) .path-row-status{color:var(--color-success-on-ink)}.path-row:is([data-state=up-next],[data-state=available]) .path-row-status{color:var(--color-violet-soft)}.path-row-note{font-size:var(--text-small);color:var(--color-paper);margin-top:4px;font-weight:700}@media (width<=700px){.path-rows:before{left:calc(var(--spacing-disc) / 2 - 2px)}.path-row{grid-template-columns:var(--spacing-disc) minmax(0, 1fr);gap:12px}}.path-row-button{grid-column:1/-1;grid-template-columns:subgrid;border-radius:var(--radius-card);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:grid}.path-row-button>.path-row-label{border-radius:var(--radius-card);transition:background-color var(--motion-duration-fast) var(--ease-ui);padding:8px 12px}.path-row-button:hover>.path-row-label{background-color:color-mix(in srgb, var(--color-paper) 7%, transparent)}.path-row-button .path-disc{transition:translate var(--motion-duration-fast) var(--ease-ui)}.path-row-button:hover .path-disc{translate:0 -2px}.path-row[data-open]{align-items:start}.path-row[data-open]>.path-row-button{grid-column:1}.path-card{--surface-bg:var(--color-paper);--surface-text:var(--color-learning-muted);--surface-heading:var(--color-learning-ink);--surface-link:var(--color-violet);--surface-focus:var(--color-violet);--path-card-disc:var(--spacing-disc);border:var(--border-input) solid var(--color-learning-rule);border-radius:var(--radius-card);background:var(--surface-bg);color:var(--surface-text);gap:4px;padding:18px 20px 20px;display:grid;position:relative}.path-card[data-state=up-next]{--path-card-disc:var(--spacing-disc-large);border-color:var(--color-violet)}.path-card:before{content:"";top:calc(var(--path-card-disc) / 2 - 8px);border:inherit;background:var(--surface-bg);border-bottom:0;border-right:0;width:14px;height:14px;position:absolute;left:-9px;rotate:-45deg}.path-card>p{margin:0}.path-card-eyebrow{font-size:var(--text-eyebrow);letter-spacing:var(--text-eyebrow--letter-spacing);text-transform:uppercase;align-items:center;gap:6px;font-weight:800;display:flex}.path-card-title{letter-spacing:-.02em;color:var(--surface-heading);overflow-wrap:anywhere;font-size:1.25rem;font-weight:800;line-height:1.25}.path-card-meta{font-size:var(--text-small)}.path-card-status{font-weight:700}.path-card:is([data-state=completed],[data-state=retired-completed]) .path-card-status{color:var(--color-success)}.path-card:is([data-state=up-next],[data-state=available]) .path-card-status{color:var(--color-violet)}.path-card>.path-card-note{margin-top:6px;line-height:1.5}.path-card-note strong{color:var(--surface-heading)}.path-card-action{margin-top:12px;display:grid}@media (width<=700px){.path-card{--path-card-disc:var(--spacing-disc-compact)}.path-card[data-state=up-next]{--path-card-disc:var(--spacing-disc)}}.path-steps{--path-step-column:60px;margin:0;padding:10px 0 18px;list-style:none}.path-step{grid-template-columns:var(--path-step-column) minmax(0, 1fr);align-items:center;gap:12px;padding:4px 0;display:grid;position:relative}.path-step:before,.path-step:after{content:"";left:calc(var(--path-step-column) / 2 - 1px);background:var(--color-rule-on-ink);width:2px;position:absolute}.path-step:before{height:50%;top:0}.path-step:after{top:50%;bottom:0}.path-step:first-child:before,.path-step:last-child:after{display:none}.path-step[data-trail]:before,.path-step[data-trail=done]:after{background:var(--color-success-on-ink)}.path-step-mark{z-index:1;border:2px solid color-mix(in srgb, var(--color-text-on-ink) 26%, transparent);border-radius:var(--radius-pill);background:var(--color-ink);font-variant-numeric:tabular-nums;width:36px;height:36px;color:var(--color-text-on-ink);justify-self:center;place-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.path-step:is([data-state=completed],[data-state=retired-completed]) .path-step-mark{border-color:var(--color-success-on-ink);background:var(--color-success-on-ink);color:var(--color-ink)}.path-step[data-state=planned] .path-step-mark{border-style:dashed}.path-step[data-state=up-next] .path-step-mark{border:3px solid var(--color-violet);width:52px;height:52px;box-shadow:var(--shadow-step-here);overflow:hidden}.path-step-mark>svg{width:100%;height:100%}.path-step-row{border-radius:var(--radius-card);min-height:56px;color:var(--color-text-on-ink);transition:background-color var(--motion-duration-fast) var(--ease-ui);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title end""meta end";align-items:center;gap:2px 16px;padding:9px 14px;display:grid}a.path-step-row:hover{background:color-mix(in srgb, var(--color-paper) 6%, transparent)}a.path-step-row:focus-visible{outline:var(--focus-ring-on-ink);outline-offset:2px}.path-step-title{color:var(--color-paper);overflow-wrap:anywhere;grid-area:title;font-weight:700;line-height:1.35}.path-step-meta{font-variant-numeric:tabular-nums;grid-area:meta;font-size:13px}.path-step-kind{font-weight:700}.path-step:is([data-state=locked],[data-state=planned]) .path-step-title{color:var(--color-text-on-ink)}.path-step:is([data-state=locked],[data-state=planned]) .path-step-meta{color:color-mix(in srgb, var(--color-text-on-ink) 80%, transparent)}.path-step-lock{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;opacity:.7;grid-area:end;width:16px;height:16px}.path-step[data-state=up-next] .path-step-row{background:var(--color-paper);color:var(--color-learning-muted)}.path-step[data-state=up-next] .path-step-title{color:var(--color-learning-ink)}.path-step-start{border-radius:var(--radius-pill);background:var(--color-violet);box-shadow:var(--shadow-press-violet);color:var(--color-paper);transition:background-color var(--motion-duration-fast) var(--ease-ui), box-shadow var(--motion-duration-fast) var(--ease-ui), translate var(--motion-duration-fast) var(--ease-ui);grid-area:end;padding:8px 20px;font-weight:800}a.path-step-row:hover .path-step-start{background:var(--color-violet-deep);box-shadow:var(--shadow-press-ink)}a.path-step-row:active .path-step-start{box-shadow:none;translate:0 4px}@media (width<=700px){.path-steps{--path-step-column:52px}.path-step{gap:8px}.path-step-row{padding:9px 10px}.path-step[data-state=up-next] .path-step-mark{width:44px;height:44px}}[data-surface=site] .path-disc[data-state=locked],[data-surface=site] .path-disc-badge{background-color:var(--color-hatch);color:var(--color-text-on-paper)}[data-surface=site] .path-disc[data-state=planned]{border-color:var(--color-site-rule);color:var(--color-text-on-paper)}[data-surface=site] .path-disc[data-state=completed]{background-color:var(--color-success)}[data-surface=site] .path-module-eyebrow{color:var(--color-violet)}[data-surface=site] .path-module-header[data-state=completed] .path-module-eyebrow{color:var(--color-success)}[data-surface=site] .path-module-header[data-state=coming-soon] .path-module-eyebrow,[data-surface=site] .path-row-meta,[data-surface=site] .path-row:is([data-state=locked],[data-state=planned]) .path-row-title{color:var(--color-text-on-paper)}[data-surface=site] .path-module-title,[data-surface=site] .path-row-title,[data-surface=site] .path-row-note{color:var(--color-ink)}[data-surface=site] .path-rows:before{background-color:var(--color-site-rule)}[data-surface=site] .path-row:is([data-state=completed],[data-state=retired-completed]) .path-row-status{color:var(--color-success)}[data-surface=site] .path-row:is([data-state=up-next],[data-state=available]) .path-row-status{color:var(--color-violet)}[data-surface=site] .path-row-button:hover>.path-row-label{background-color:var(--color-site-wash-violet)}