.hl-dot-circle{position:relative;z-index:2;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid hsl(240,6%,90%);background:#fff;color:hsl(240,5%,46%);transition:all .3s}.hl-dot.active .hl-dot-circle,.hl-dot.done .hl-dot-circle{border-color:hsl(262,83%,58%);background:hsl(262,83%,58%);color:#fff;box-shadow:0 4px 12px hsla(262,83%,58%,.25)}.hl-dot:hover .hl-dot-circle{border-color:hsla(262,83%,58%,.4)}.hl-dot-label{font-size:11px;font-weight:600;color:hsl(240,5%,46%);transition:color .3s}.hl-dot.active .hl-dot-label{color:hsl(262,83%,58%)}.hl-detail-tag{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;border:1px solid hsla(262,83%,58%,.2);background:hsl(262,83%,96%);padding:6px 16px}.hl-detail-tag-num{display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:hsl(262,83%,58%);color:#fff;font-size:12px;font-weight:700}.hl-detail-tag-text{font-size:11px;font-weight:700;color:hsl(262,83%,40%);text-transform:uppercase;letter-spacing:.08em}.hl-detail-nav{display:flex;gap:12px;margin-top:16px}.hl-detail-nav button{width:36px;height:36px;border-radius:50%;border:1px solid hsl(240,6%,90%);background:#fff;color:hsl(240,10%,12%);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.hl-detail-nav button:hover{background:hsl(262,83%,96%)}.hl-detail-nav button:disabled{opacity:.3;cursor:default}.hl-vis{border-radius:16px;border:1px solid hsl(240,6%,90%);background:#fff;padding:24px;box-shadow:0 4px 24px hsla(262,83%,58%,.05);animation:hlFadeIn .4s ease}.hl-vis-head{display:flex;align-items:center;gap:8px;margin-bottom:16px}.hl-vis-icon{width:32px;height:32px;border-radius:8px;background:hsla(262,83%,58%,.1);display:flex;align-items:center;justify-content:center}.hl-vis-head span{font-size:14px;font-weight:600;color:hsl(240,10%,12%)}.hl-skel{border-radius:4px;background:hsl(240,5%,96%)}.hl-pill-active{background:hsl(262,83%,58%);color:#fff;font-size:12px;font-weight:600;padding:6px 0;border-radius:6px;text-align:center;border:none;flex:1}.hl-pill-inactive{background:hsl(240,5%,96%);color:hsl(240,5%,46%);font-size:12px;font-weight:600;padding:6px 0;border-radius:6px;text-align:center;border:none;flex:1}.hl-mob-step{position:relative;padding-left:40px}.hl-mob-line{position:absolute;left:15px;top:32px;bottom:0;width:2px;background:hsl(240,6%,90%)}.hl-mob-num{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;border:2px solid hsl(262,83%,58%);background:hsl(262,83%,58%);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px hsla(262,83%,58%,.2)}.hl-mob-card{border-radius:12px;border:1px solid hsl(240,6%,90%);background:#fff;padding:12px}.hl-mob-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.hl-mob-card h4{font-size:14px;font-weight:700;color:hsl(240,10%,12%);line-height:1.3}.hl-mob-card .hl-mob-time{flex-shrink:0;font-size:10px;font-weight:600;color:hsl(262,83%,58%);background:hsl(262,83%,96%);padding:2px 8px;border-radius:9999px;white-space:nowrap}.hl-mob-card p{font-size:12px;color:hsl(240,5%,46%);line-height:1.6}