.leyline-progress{--lp-violet:#a78bfa;--lp-glow:#8b5cf68c;--lp-deep:#2e1065;width:100%}.leyline-progress__header{color:var(--lp-violet);letter-spacing:.02em;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.leyline-progress__label{font-weight:600}.leyline-progress__meta{font-variant-numeric:tabular-nums;opacity:.92;text-shadow:0 0 12px #a78bfa73}.leyline-progress__sublabel{color:#888;margin:-4px 0 8px;font-size:12px;line-height:1.4}.leyline-progress__track{background:linear-gradient(#2a1a3f 0%,#0f0618 100%);border:1px solid #a78bfa6b;border-radius:999px;height:14px;position:relative;overflow:hidden;box-shadow:0 0 14px #8b5cf638,inset 0 2px 4px #00000073}.leyline-progress__track--md{height:18px}.leyline-progress__track--lg{height:22px}.leyline-progress__aura{pointer-events:none;background:radial-gradient(at 20%,#8b5cf62e 0%,#0000 62%);animation:3.6s ease-in-out infinite alternate leyline-progress-aura;position:absolute;inset:-30% -8%}.leyline-progress__ticks{pointer-events:none;opacity:0;justify-content:space-between;align-items:stretch;padding:0 2px;display:flex;position:absolute;inset:0}.leyline-progress__ticks span{background:linear-gradient(#0000,#c4b5fd8c,#0000);width:1px}.leyline-progress--tier .leyline-progress__ticks{opacity:1}.leyline-progress__fill{border-radius:inherit;min-width:0;height:100%;box-shadow:0 0 18px var(--lp-glow), inset 0 1px 0 #ffffff38;background:linear-gradient(90deg,#4c1d95 0%,#7c3aed 25%,#a78bfa 50%,#7c3aed 75%,#4c1d95 100%) 0 0/320% 100%;transition:width .4s cubic-bezier(.33,1,.68,1);animation:2.2s linear infinite leyline-progress-flow;position:relative;overflow:hidden}.leyline-progress__sheen{background:linear-gradient(105deg,#0000 0%,#ffffff24 42%,#0000 58%);animation:2.8s ease-in-out infinite leyline-progress-sheen;position:absolute;inset:0;transform:translate(-120%)}.leyline-progress__fill--complete{background:linear-gradient(90deg,#6d28d9,#c4b5fd 55%,#a78bfa) 0 0/100% 100%;animation:none}.leyline-progress--complete .leyline-progress__portal{animation:.9s ease-out forwards leyline-progress-burst}.leyline-progress__portal{pointer-events:none;background:radial-gradient(circle,#f5f3ff 0%,#c4b5fd 35%,#7c3aed 70%,#0000 100%);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:0;transform:translate(40%,-50%);box-shadow:0 0 10px #e9d5ff}.leyline-progress__ripple{pointer-events:none;border:2px solid #e9d5ffbf;border-radius:50%;width:18px;height:18px;animation:1.1s ease-out infinite leyline-progress-ripple;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.leyline-progress__bands{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(105deg,#0000 0 10px,#ffffff0d 10px 11px);position:absolute;inset:0}.leyline-progress__leyline{pointer-events:none;opacity:.65;background:repeating-linear-gradient(90deg,#0000 0 18px,#a78bfa14 18px 19px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.leyline-progress--shipping .leyline-progress__track:after{content:"";filter:blur(.4px);pointer-events:none;background:linear-gradient(90deg,#0000,#c4b5fdd9);width:28%;height:2px;animation:2.4s ease-in-out infinite leyline-progress-comet;position:absolute;top:50%;left:0;transform:translateY(-50%)}.leyline-progress--shipping .leyline-progress__fill{background:linear-gradient(90deg,#5b21b6 0%,#8b5cf6 40%,#ddd6fe 100%) 0 0/200% 100%}.leyline-progress--upload .leyline-progress__fill{animation-duration:1.4s;box-shadow:0 0 22px #a78bfaa6,inset 0 1px #ffffff4d}.leyline-progress--upload .leyline-progress__portal{width:14px;height:14px;box-shadow:0 0 14px #e9d5ff,0 0 28px #8b5cf68c}.leyline-progress--tier .leyline-progress__fill{background:linear-gradient(90deg,#312e81 0%,#6d28d9 35%,#a78bfa 70%,#7c3aed 100%) 0 0/280% 100%}@keyframes leyline-progress-flow{0%{background-position:0%}to{background-position:320%}}@keyframes leyline-progress-sheen{0%,to{transform:translate(-120%)}55%{transform:translate(160%)}}@keyframes leyline-progress-aura{0%{opacity:.45;transform:translate(-4%)}to{opacity:.9;transform:translate(6%)}}@keyframes leyline-progress-ripple{0%{opacity:.9;transform:translateY(-50%)scale(.55)}to{opacity:0;transform:translateY(-50%)scale(1.45)}}@keyframes leyline-progress-comet{0%{opacity:0;left:0}20%{opacity:1}to{opacity:0;left:72%}}@keyframes leyline-progress-burst{0%{opacity:1;transform:translate(40%,-50%)scale(1)}to{opacity:.35;transform:translate(40%,-50%)scale(1.8)}}
