.sw-trk{--c:#FF4FA3;--c2:#FFC738;--cr:255,79,163;--ct:#FFD36B;color:#ede6ff;border:1px solid rgba(160,120,255,.35);overflow:hidden;background:radial-gradient(120% 140% at 85% -20%,rgba(142,91,255,.55),transparent 55%),radial-gradient(90% 120% at 0% 120%,rgba(255,79,163,.28),transparent 60%),#150a2e;box-shadow:0 10px 28px #3a146e47}.sw-trk:before{content:"";position:absolute;left:8%;top:9px;width:2px;height:2px;border-radius:50%;background:#fff;pointer-events:none;box-shadow:60px 20px #ffe9a8,130px -2px #fff,210px 26px #ffc738,260px 6px #fff,320px 30px #ffb3da,30px 52px #fff;animation:orbKedip 3s ease-in-out infinite}.sw-trk-warn{--c:#FFB020;--c2:#FFE27A;--cr:255,176,32;--ct:#FFD36B}.sw-trk-fail{--c:#FF5C7A;--c2:#FFA3B4;--cr:255,92,122;--ct:#FFB3C0}.sw-trk-done{--c:#4ADE80;--c2:#A7F3C4;--cr:74,222,128;--ct:#9BF0BC}.sw-trk-line{background:repeating-linear-gradient(90deg,rgba(190,170,255,.45) 0 6px,transparent 6px 11px);height:2px;top:26px}.sw-trk-4 .sw-trk-line{left:12.5%;right:12.5%}.sw-trk-line i{height:3px;margin-top:-.5px;background:linear-gradient(90deg,transparent,var(--c2) 70%,var(--c));box-shadow:0 0 12px rgba(var(--cr),.9);position:relative;overflow:visible;animation-duration:1.4s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.sw-trk-line i:after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:radial-gradient(circle,#fff 0 2.5px,var(--c2) 3.5px,rgba(var(--cr),0) 7px);box-shadow:0 0 14px 3px rgba(var(--cr),.85);animation:orbSatelit 2.2s ease-in-out infinite}.sw-trk-n{background:#241447;border:2px solid rgba(190,170,255,.4);color:#bdaee8;filter:none;opacity:1}.sw-trk li.todo .sw-trk-n{opacity:.55;filter:grayscale(.6)}.sw-trk li.done .sw-trk-n{background:radial-gradient(circle at 35% 30%,#fff,var(--c2) 45%,var(--c));border-color:#ffffffa6;color:#2a1252;box-shadow:0 0 10px rgba(var(--cr),.7)}.sw-trk li.now .sw-trk-n{background:radial-gradient(circle at 32% 28%,#fff 0,var(--c2) 30%,var(--c) 70%);border-color:transparent;color:#2a1252;position:relative;animation:orbDenyut 2s ease-out infinite}.sw-trk li.now .sw-trk-n:after{content:"";position:absolute;left:-9px;right:-9px;top:50%;height:12px;margin-top:-6px;border:1.5px solid rgba(255,255,255,.65);border-radius:50%;transform:rotate(-18deg);pointer-events:none}.sw-trk-n.baru{animation:orbMuncul .7s cubic-bezier(.34,1.56,.64,1),orbDenyut 2s ease-out .7s infinite}li.done .sw-trk-n.baru{animation:orbMuncul .7s cubic-bezier(.34,1.56,.64,1)}.sw-trk-l{color:#9d8ccb}.sw-trk li.done .sw-trk-l,.sw-trk li.now .sw-trk-l{color:#fff}.sw-trk-w{color:#8c7bbe}.sw-trk-now{background:#ffffff12;border:1px solid rgba(190,170,255,.18);color:#e3daff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sw-trk-now b{color:var(--ct)}.sw-trk-now .task-pill{background:#ffffff1f;color:#fff}@keyframes orbKedip{0%,to{opacity:.4}50%{opacity:1}}@keyframes orbSatelit{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes orbDenyut{0%{box-shadow:0 0 rgba(var(--cr),.6),0 0 14px rgba(var(--cr),.7)}80%,to{box-shadow:0 0 0 12px rgba(var(--cr),0),0 0 14px rgba(var(--cr),.7)}}@keyframes orbMuncul{0%{transform:scale(.4) rotate(-40deg)}60%{transform:scale(1.35) rotate(8deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.sw-trk:before,.sw-trk-line i:after,.sw-trk li.now .sw-trk-n,.sw-trk-n.baru{animation:none!important}}
