.qp-trail{--qp-seg-gap:4px;--qp-seg-height:3px;--qp-fill:linear-gradient(90deg, var(--accent), var(--accent-2));--qp-fill-solid:var(--accent);--qp-track:var(--border-imperium);--qp-track-inscr:color-mix(in srgb, var(--orn-ink-soft) 45%, transparent);--qp-rule:var(--orn-ink-soft);--qp-label:var(--orn-ink);--qp-count:var(--foreground);--qp-note:color-mix(in srgb, var(--foreground) 55%, transparent);--qp-glow:var(--glow);width:100%}.qp-trail--light{--qp-fill:linear-gradient(90deg, #4da6a6, #6fc0c0);--qp-fill-solid:#4da6a6;--qp-track:#1a1a1a1f;--qp-track-inscr:#4da6a638;--qp-rule:#4da6a659;--qp-label:#4da6a6;--qp-count:#1a1a1a;--qp-note:#1a1a1a8c;--qp-glow:#4da6a673}.qp-track{align-items:center;gap:var(--qp-seg-gap);width:100%;display:flex}.qp-seg{min-width:0;height:var(--qp-seg-height);background:var(--qp-track);border-radius:999px;flex:1 1 0;position:relative;overflow:hidden}.qp-seg-fill{border-radius:inherit;background:var(--qp-fill);transform-origin:0;transition:transform var(--dur-slow,.52s) var(--ease-quiet,cubic-bezier(.16, 1, .3, 1));position:absolute;inset:0;transform:scaleX(0)}.qp-seg[data-done=true] .qp-seg-fill{transform:scaleX(1)}.qp-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.qp-label{letter-spacing:.18em;text-transform:uppercase;color:var(--qp-label);font-size:10px;font-weight:600}.qp-count{letter-spacing:.08em;color:var(--qp-count);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:700}.qp-note{color:var(--qp-note);font-size:11px;line-height:1.5}.qp-trail--inscr .qp-track{--qp-seg-gap:6px;--qp-seg-height:2px;padding:5px 0;position:relative}.qp-trail--inscr .qp-track:before,.qp-trail--inscr .qp-track:after{content:"";background:var(--qp-rule);height:1px;position:absolute;left:0;right:0}.qp-trail--inscr .qp-track:before{top:0}.qp-trail--inscr .qp-track:after{bottom:0}.qp-trail--inscr .qp-seg{background:var(--qp-track-inscr)}.qp-trail--inscr .qp-seg-fill{background:var(--qp-fill-solid);opacity:.9}.qp-trail--inscr .qp-meta{margin-top:10px}.qp-trail--inscr .qp-note{text-align:left;margin-top:4px}.qp-trail--bar .qp-meta{margin-top:10px}.qp-trail--bar .qp-note{text-align:left;margin-top:3px}.qp-trail--steps{--qp-seg-height:6px;--qp-seg-gap:5px;text-align:center}.qp-trail--steps .qp-meta{flex-direction:column;align-items:center;gap:2px;margin-bottom:10px}.qp-trail--steps .qp-count{letter-spacing:.04em;font-size:15px}.qp-trail--steps .qp-note{text-align:center;margin-top:8px}.qp-trail--steps .qp-seg[data-current=true] .qp-seg-fill{box-shadow:0 0 8px var(--qp-glow)}@media (prefers-reduced-motion:reduce){.qp-seg-fill{transition:none}}