@property --skd{syntax:'<integer>';inherits:true;initial-value:1}
.sktrk-live{margin-top:24px;background:#fff;border:1px solid #e6e9f2;border-radius:16px;padding:20px 22px 18px;box-shadow:0 10px 30px rgba(15,23,51,.06)}
.sktrk-lh{display:flex;align-items:center;gap:8px;font-size:14px;color:#5b6480;margin-bottom:18px}.sktrk-lh strong{color:#0f1733}
.sktrk-rec{width:9px;height:9px;border-radius:50%;background:#e5383b;animation:skTrkRec 1.4s ease-in-out infinite}
@keyframes skTrkRec{50%{opacity:.25}}
.sktrk-track{position:relative}
.sktrk-bar{position:absolute;left:10%;right:10%;top:13px;height:4px;border-radius:4px;background:#e6e9f2}
.sktrk-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(90deg,#2f5bea,#6a4cf0);animation:skTrkFill 14s linear infinite}
.sktrk-bar b{position:absolute;top:50%;width:30px;height:22px;margin-top:-11px;border-radius:5px;background:#fff;border:2px solid #6a4cf0;box-shadow:0 4px 12px rgba(106,76,240,.3);transform:translateX(-50%);animation:skTrkMove 14s linear infinite}
.sktrk-bar b:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:2px;background:#6a4cf0;box-shadow:0 4px 0 #c7d2fe,0 8px 0 #c7d2fe}
@keyframes skTrkFill{0%,6%{width:0}10%,46%{width:25%}50%,66%{width:50%}70%,80%{width:75%}84%,100%{width:100%}}
@keyframes skTrkMove{0%,6%{left:0}10%,46%{left:25%}50%,66%{left:50%}70%,80%{left:75%}84%,100%{left:100%}}
.sktrk-track ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.sktrk-track li{text-align:center;font-size:13px;font-weight:600;line-height:1.3;padding:0 4px}
.sktrk-track li:before{content:"";display:block;width:16px;height:16px;margin:5px auto 12px;border-radius:50%;border:3px solid #c7d2fe;background:#fff;position:relative;z-index:1}
@keyframes skTrkN0{0%,-0.1%{background:#fff;border-color:#c7d2fe;color:#94a3b8;box-shadow:none}0%{transform:scale(1.35);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 8px rgba(47,91,234,.18)}3.0%,99%{transform:scale(1);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 4px rgba(47,91,234,.12)}100%{background:#fff;border-color:#c7d2fe;color:#94a3b8}}@keyframes skTrkL0{0%,-0.1%{color:#94a3b8}0%,99%{color:#0f1733}100%{color:#94a3b8}}.sktrk-track li:nth-child(1){animation:skTrkL0 14s linear infinite}.sktrk-track li:nth-child(1):before{animation:skTrkN0 14s linear infinite}
@keyframes skTrkN1{0%,9.9%{background:#fff;border-color:#c7d2fe;color:#94a3b8;box-shadow:none}10%{transform:scale(1.35);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 8px rgba(47,91,234,.18)}13.0%,99%{transform:scale(1);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 4px rgba(47,91,234,.12)}100%{background:#fff;border-color:#c7d2fe;color:#94a3b8}}@keyframes skTrkL1{0%,9.9%{color:#94a3b8}10%,99%{color:#0f1733}100%{color:#94a3b8}}.sktrk-track li:nth-child(2){animation:skTrkL1 14s linear infinite}.sktrk-track li:nth-child(2):before{animation:skTrkN1 14s linear infinite}
@keyframes skTrkN2{0%,49.9%{background:#fff;border-color:#c7d2fe;color:#94a3b8;box-shadow:none}50%{transform:scale(1.35);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 8px rgba(47,91,234,.18)}53.0%,99%{transform:scale(1);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 4px rgba(47,91,234,.12)}100%{background:#fff;border-color:#c7d2fe;color:#94a3b8}}@keyframes skTrkL2{0%,49.9%{color:#94a3b8}50%,99%{color:#0f1733}100%{color:#94a3b8}}.sktrk-track li:nth-child(3){animation:skTrkL2 14s linear infinite}.sktrk-track li:nth-child(3):before{animation:skTrkN2 14s linear infinite}
@keyframes skTrkN3{0%,69.9%{background:#fff;border-color:#c7d2fe;color:#94a3b8;box-shadow:none}70%{transform:scale(1.35);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 8px rgba(47,91,234,.18)}73.0%,99%{transform:scale(1);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 4px rgba(47,91,234,.12)}100%{background:#fff;border-color:#c7d2fe;color:#94a3b8}}@keyframes skTrkL3{0%,69.9%{color:#94a3b8}70%,99%{color:#0f1733}100%{color:#94a3b8}}.sktrk-track li:nth-child(4){animation:skTrkL3 14s linear infinite}.sktrk-track li:nth-child(4):before{animation:skTrkN3 14s linear infinite}
@keyframes skTrkN4{0%,83.9%{background:#fff;border-color:#c7d2fe;color:#94a3b8;box-shadow:none}84%{transform:scale(1.35);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 8px rgba(47,91,234,.18)}87.0%,99%{transform:scale(1);background:#2f5bea;border-color:#2f5bea;color:#fff;box-shadow:0 0 0 4px rgba(47,91,234,.12)}100%{background:#fff;border-color:#c7d2fe;color:#94a3b8}}@keyframes skTrkL4{0%,83.9%{color:#94a3b8}84%,99%{color:#0f1733}100%{color:#94a3b8}}.sktrk-track li:nth-child(5){animation:skTrkL4 14s linear infinite}.sktrk-track li:nth-child(5):before{animation:skTrkN4 14s linear infinite}
.sktrk-st{position:relative;height:48px;margin-top:16px;border-top:1px dashed #e6e9f2}
.sktrk-st span{position:absolute;left:0;right:0;top:14px;font-size:14.5px;color:#0f1733;opacity:0}
@keyframes skTrkP0{0%,0%{opacity:0;transform:translateY(8px)}1%,8%{opacity:1;transform:none}9%,100%{opacity:0;transform:translateY(-8px)}}.sktrk-st .p0{animation:skTrkP0 14s linear infinite}
@keyframes skTrkP1{0%,8%{opacity:0;transform:translateY(8px)}10%,46%{opacity:1;transform:none}47%,100%{opacity:0;transform:translateY(-8px)}}.sktrk-st .p1{animation:skTrkP1 14s linear infinite}
@keyframes skTrkP2{0%,46%{opacity:0;transform:translateY(8px)}48%,66%{opacity:1;transform:none}67%,100%{opacity:0;transform:translateY(-8px)}}.sktrk-st .p2{animation:skTrkP2 14s linear infinite}
@keyframes skTrkP3{0%,66%{opacity:0;transform:translateY(8px)}68%,80%{opacity:1;transform:none}81%,100%{opacity:0;transform:translateY(-8px)}}.sktrk-st .p3{animation:skTrkP3 14s linear infinite}
@keyframes skTrkP4{0%,80%{opacity:0;transform:translateY(8px)}82%,99%{opacity:1;transform:none}100%,100%{opacity:0;transform:translateY(-8px)}}.sktrk-st .p4{animation:skTrkP4 14s linear infinite}
.sktrk-days{font-style:normal;font-weight:700;color:#e5383b;counter-reset:skd var(--skd);animation:skTrkDays 14s linear infinite}.sktrk-days:after{content:counter(skd)}
@keyframes skTrkDays{0%,10%{--skd:1}42%,100%{--skd:12}}
@media(max-width:600px){.sktrk-track li{font-size:11px}.sktrk-st{height:70px}}
@media(prefers-reduced-motion:reduce){.sktrk-live *,.sktrk-live *:before{animation:none!important}.sktrk-bar i{width:25%}.sktrk-bar b{left:25%}.sktrk-st .p1{opacity:1}.sktrk-days{--skd:12}.sktrk-track li:nth-child(-n+2){color:#0f1733}.sktrk-track li:nth-child(-n+2):before{background:#2f5bea;border-color:#2f5bea}}