.timeline-line{position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--secondary),var(--accent));opacity:.3}.routine-card{position:relative;margin-left:60px;transition:all .3s cubic-bezier(.4,0,.2,1)}.routine-card::before{content:"";position:absolute;left:-44px;top:24px;width:16px;height:16px;border-radius:50%;background:var(--primary);border:3px solid #1e293b;box-shadow:0 0 0 3px var(--primary);z-index:10}.routine-card:hover{transform:translateX(8px)}.routine-card.active{border-color:var(--primary);box-shadow:0 0 30px rgba(245,158,11,.2)}.routine-card.completed::before{background:var(--secondary);box-shadow:0 0 0 3px var(--secondary)}.routine-card.completed{opacity:.6}.check-item.checked{opacity:.5}.check-item.checked .check-box{background:var(--secondary);border-color:var(--secondary)}.equip-card{transition:all .3s ease;cursor:pointer}.equip-card:hover{transform:translateY(-4px);border-color:var(--primary)}.equip-card.selected{background:rgba(245,158,11,.1);border-color:var(--primary)}.mode-morning{--primary:#f59e0b;--glow:rgba(245,158,11,.3)}.mode-evening{--primary:#8b5cf6;--glow:rgba(139,92,246,.3)}